自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

1024小神的博客

Who am I? Where am I? What am I going to do?

  • 博客(842)
  • 收藏
  • 关注

原创 chrome extensions插件通过chrome.storge.sync实现多端数据同步功能

大多数时候,我们浏览器登陆我们的Google账号之后,就会发生数据同步。假如你有两台或者多台电脑,每一台电脑上都安装了chrome浏览器并且都登陆了google账号,当你在A电脑上查到一个东西,想要同步到B电脑上时候,你会怎么做?当我们设置一个值得时候:填写一个key和一个value,然后点击同步数据,会有同步成功的提示。当我们点击获取数据的时候:就会把数据同步过来,如果设置多个,就会换行展示。然后点击清空数据:就会提示所有数据清空成功。

2023-02-03 18:03:37 3

原创 chrome extensions插件通过点击按钮修改浏览器Cookie,manifest v3版本

修改后再打开看一下百度的cookie是否改变:啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊,激动不激动,反正我是很激动,哈哈哈哈哈哈哈。看一下原来baidu的cookie是什么:可以看到很多,我们把它都清空掉,然后设置为我们自己的cookie。当点击修改Cookie的时候,就会执行这个函数:并将cookie过滤好:我这里把url写成百度的了。这个页面怎么进来的呢?api介绍:url就是网站的主url,key就是name,val就是值。所以,想要设置哪个网站的cookie,就可以通过这个api来设置了。

2023-02-03 17:42:10 4

原创 chrome extensions插件通过点击按钮修改浏览器UserAgent,manifest v3版本

点击打开插件,可以看到有两个按钮,并且csdn的首页是pc端的样式:当点击修改UserAgent按钮时:可以看到页面发生了变化,并且可以看到网络请求的user-agent已经变为我们代码里面写的那个了当点击恢复UserAgent的时候,可以看到页面恢复为了PC样式,并且网络请求的user-agent已经恢复了搜嘎,到此,这个文章已经写完了,下一篇继续讲解怎么动态修改Cookie,go go go!

2023-02-02 14:08:55 10

原创 Chrome 插件开发指南和使用脚手架Create-React-App开发篇

实际上 Chrome 插件只能理解原生的 JavaScript,CSS,HTML 等, 所以我们使用 React 学完之后,需要进行构建,将构建的产物打包给到浏览器插件去加载使用,在构建时,还有一个需要注意的就是,为了保证最优化性能,CRA 的脚本在构建时会将一些小的 JS 文件等,内联到 HTML 文件中,而不是打包成独立的 JS 文件,在 Chrome 插件的运行环境下,这种形式的 HTML 是不支持的,会触发插件的 CSP(内容安全策略)错误。针对上面需求的形式不知道大家是否比较熟悉了?

2023-02-01 15:06:12 5

原创 chrome extensions插件中popue.js和background.js进行通讯manifest V3版

然后打开百度页面的检查:可以看到backgroun.js给content.js通讯也成功了。至此说明,和background.js通讯圆满结束,哈哈哈哈哈哈。点击一下之后,右键打开插件的检查:可以看到日志输出。

2023-02-01 14:12:26 5

原创 chrome extensions插件中自己的popue.js和content.js进行通讯manifest V3版

比如有一个需求:想要通过插件的方式,修改请求头里面的user-agent,比如修改为iphone的头,然后通过按钮切换的方式,可以通过点击就可以控制是否修改,或者是有一个输入框,输入什么值,就把user-agent修改为什么值。

2023-02-01 13:56:05 2

原创 chrome extensions插件declarativeNetRequest修改user-agent方法manifest v3版

但是这种方式就是需要修改manifest文件,非常的不灵活,想要通过点击按钮切换的话,需要用到另外一个api:updateDynamicRules,下一篇文章会讲如何通过点击按钮就可以切换,非常的方便!想要关闭这个修改,只需要将"enabled"改为false即可,然后重新加载拓展,并且点击一下拓展,然后重新刷新网页就可以了。可以看到,请求头里面的user-agent已经改变了,并且网页内容已经变成了移动端样式。通过查询发现,v2版本修改请求头的方式为:但是这种方式已经被废弃掉了,因为不安全。

2023-01-31 17:02:27 6

原创 kubectl 及namespace使用

【代码】kubectl 及namespace使用。

2023-01-31 11:39:58 4

原创 查看已安装的chrome插件的源代码方法

插件的源码直接存在我们的电脑中,我们通过插件的id找到对应的位置就能看到源码了。但是记得把开发者模式打开,不然看不到id。进入插件管理页,勾选开发者模式,找到对应插件的。可以查看浏览器的信息,里面有浏览器所在的路径。进入文件夹,然后找到对应。的文件夹,里面就是了。

2023-01-30 16:37:56 6

原创 vue动态修改多个组件的class名称,并执行一个不确定参数的方法

然后定义一个同意确认框的方法:...params表示一个可变参数,在传递参数的时候,传递多少个都会被接收到params里面,而params是一个数组,...params表示解包这个数组为一个一个元素,然后通过fun(...params)调用真正的执行函数去执行,执行完成后重新刷新表格数据:this.fetchData()然后通过setAttribute即可修改class。

2023-01-13 13:18:36 47

原创 tcpdump监听Kubernetes里面的pod通讯,并用wireshark分析通讯的数据内容

用到的软件工具下载地址(跨平台的,不用担心你的电脑不能用):Finalshell (用于登陆服务器):FinalShell SSH工具,服务器管理,远程桌面加速软件,支持Windows,macOS,Linux,版本3.9.7,更新时间2022.10.26 - SSH工具 SSH客户端Wireshark (用于分析抓包数据):Wireshark · Go Deep.先登录服务器:填写对应的主机,用户名,密码即可A端的Pod:kubectl get pod -n fate-1000B端的Pod:kube

2023-01-13 11:15:43 38

原创 chrome插件获取网站Cookie清空网站cookie和复制cookie,jq/js复制内容到剪切板

写的一个插件可以自动获取网站的cookie和清空,还有复制功能,本文具体讲解怎么获取和清空和删除。本插件用到了jq增强:先将jq下载到本地,然后引入到页面中,就可以使用jq了。清空网站Cookie功能:要在这个地方添加两个变量,清空cookie的时候有用。

2023-01-12 17:08:13 51

原创 wireshark过滤规则及过滤数据内容是否包含

Wireshark 基本语法,基本使用方法,及包过滤规则,如果想在linux上进行抓包,可以使用tcpdump 先保存为cap文件,然后将cap下载到本地使用wireshark打开进行分析例子:或者ip.addr eq 192.168.1.107 // 都能显示来源IP和目标IP上运行的图形窗口截图示例,其他过虑规则操作类似,不再截图。截图示例:提示: 在Filter编辑框中,收入过虑规则时,如果语法有误,框会显红色,如正确,会是绿色。

2023-01-10 18:10:25 32

原创 linux下tcpdump抓包保存cap文件,使用Wireshark分析

2、安装:yum install tcpdump(yum安装即可),安装完成之后创建一个文件夹,专门存放抓取数据保存的文件,执行tcpdump相关命令在该文件下执行就可以了;我这里具体做的过滤就是我的服务器通过网卡单向发出去的包,原理就是源地址source发往目标的就是单向的;抓取到文件之后我将文件传到我的windows上面,这里就涉及到一个如何打开cap文件的问题;另外在排查问题的时候,为了更准确的定位问题,会对抓的包利用Wireshark做过滤,-i :参数指定tcpdump监听的网络界面。

2023-01-10 15:41:59 51

原创 python使用corn表达式实现定时任务apscheduler

想用这个定时任务实现某些任务,比如到点提醒自己订餐或者吃饭等,总是忘记11点定外卖阿阿阿阿阿阿,烦死了。然后直接运行这个文件就可以了:运行后就会定时执行。所以,使用python实现定时任务:先安装依赖。

2023-01-05 11:33:00 119

原创 chrome extensions插件和当前页面进行通信v3版

在目录中添加一个内容脚本content-script.js,并且在manifest.js中添加,matches表示对哪些网站生效,我写的all_urls表示对所有的网站都生效。页面不属于插件的内容,但有些时候页面存在需要与插件交互的场景,因此这里把页面与插件之间的通信也一并讨论。页面不属于插件的内容,但有些时候页面存在需要与插件交互的场景,因此这里把页面与插件之间的通信也一并讨论。content-script.js的内容如下:当页面背景变成了orange颜色,说明脚本已经生效了。

2022-12-28 11:54:54 334 1

原创 js控制页面滚动到指定位置,js中scrollIntoView()的用法

如果是我写的话,我可能会先获取滚动到的元素,然后获取此元素距离页面顶部的距离,然后通过scrollTop来实现滚动。这时只要把scrollIntoView()改成scrollIntoView(false)就可以解决了。参数为true:调用该函数,页面发送滚动,使element的顶部与视图(容器)顶部对齐。最近遇到一个问题,在一个页面上,点击某个按钮时,滚动到页面的某一位置。scrollIntoView是一个与页面(容器)滚动相关的API。参数为false:使element的底部与视图(容器)底部对齐。

2022-12-27 17:26:33 286

原创 chrome extensions插件单独打开全新的一个拓展tab页v3

只需要在manifest.json中添加tabs权限,然后新创建一个html页面即可。即可看到新的页面已经打开:而且这里面是没有跨域的哦,只要给了权限,什么都可以访问。想要在tab页上单独打开一个html页面,好像没什么难度,先添加一个权限:tabs。

2022-12-27 17:03:50 129

原创 chrome extensions插件获取当前url和网站cookie学习v3版本

需要传递一个对象进去,和一个回调函数,第一个对象的作用其实可以过滤cookie,如果是空对象,就会获取到所有网站的cookie ,如果传一个url过去,就会过滤出这个url站点的cookie.host_permissions里面的"*://*/*" 和 "" 表示所有站点,应该要其中一个就可以表示所有站点了。permissions里面增加tabs和cookies,是为了用tabs获取当前网站的url,cookies就是为了获取cookie的。

2022-12-27 15:11:53 276

原创 elementUI中el-table每行异常高度原因排查,累死

还有两外一个表格,我也没有设置高度,但是但是:这个高度竟然达到了71,我真的是超级一个大无语哦,它怎么就从48变为71了?先从css开始找.......一行一行开始找,结果竟然没找到css设置的高度,所以,那可能是不是高度自适应引起的?可见:el-button 和 换行都会引起el-table-column的高度变高!但是它好像一人没有变化,继续找:发现有一个时间换行了,那会不会是换行引起的?理论上不单独设置高度的话,表格每一个应该是默认的高度才对,我说的没错吧,将时间注释掉:肉眼可见的高度变成了48。

2022-12-24 18:18:10 716 1

原创 ping命令使用之每次只ping一次

【代码】ping命令使用之每次只ping一次。

2022-12-23 11:03:22 108

原创 Flask-ORM框架-CRUD

上一章节在models.py中定义了Devices模型,现在将它放在app.pyid = db.Column(db.Integer, primary_key=True, autoincrement=True, comment="自增主键")ip = db.Column(db.String(16), nullable=False, comment="IP地址")hostname = db.Column(db.String(128), nullable=False, comment="主机名")

2022-12-20 13:43:59 75

原创 chrome发送form-data网络请求时,一定去掉“Content-Type“: “application/x-www-form-urlencoded“

这鬼玩意一直导致我发送网络请求失败,发送的form-data格式错乱,导致后台拿不到数据。

2022-12-19 15:57:34 84

原创 chrome插件开发之发送网络请求v3版本

如果某个扩展希望访问自己所属域以外的资源,比如说来自http://www.google.com的资源(假设该扩展不是来自www.google.com), 浏览器不会允许这样的请求,除非该扩展获得了相应的跨域请求允许。

2022-12-19 15:08:35 658

原创 chrome拓展插件开发中使用chrome.storage本地存储

在这种情况下,它的行为与 storage.local 相同。API 实现,和 web 中的 localstorage 在某些方面是有区别的,chrome.storage 已经做了优化。使用 storage.sync 时,如果用户启用了同步,则存储的数据将自动同步到用户登录的任何 Chrome 浏览器。如果需要将存储的内容同步到所有登录了同一账号的 chrome 浏览器中,可以通过。chrome.storage 的存储是有限制的,类似一个管道。存储内容变更之后,是能够监听到事件的,比如我做了下面的存储。

2022-12-19 13:47:56 900

原创 chrome插件的js中使用document.getElementById(‘save‘)获取不到元素

使用Store0请输入消费金额:存储

2022-12-19 11:37:19 223

原创 vue一键复制页面内容

使用插件vue-clipboard2来实现一键复制功能。二、在main.js中引入vue-clipboard2。一、安装vue-clipboard2插件。

2022-12-19 09:58:51 142

原创 收获一个python识别率超级高的OCR包,值得推荐

ddddocr是由sml2h3开发的专为验证码厂商进行对自家新版本验证码难易强度进行验证的一个python库,其由作者与kerlomz共同合作完成,通过大批量生成随机数据后进行深度网络训练,本身并非针对任何一家验证码厂商而制作,本库使用效果完全靠玄学,可能可以识别,可能不能识别。ddddocr奉行着开箱即用、最简依赖的理念,尽量减少用户的配置和使用成本,希望给每一位测试者带来舒适的体验。

2022-12-16 22:44:18 300

原创 python获取环境变量内容,联调github的action中的secret内容

环境变量名称:${{ secrets.加密的key }}那怎么获得github里面的secret加密的内容呢?

2022-12-16 14:31:45 101

原创 github仓库api删除仓库时候报Must have admin rights to Repository

意思是没有admin权限?可是我明明带上来token啊,

2022-12-16 14:12:17 66

原创 使用nginx代理服务器上的docker容器接口

linux创建软连接命令: ln -s [dir1] [dir2] ,dir1是真实的文件夹/文件夹,dir2是dir1的软链接。我们需要先在域名解析里面添加我们的这个二级域名:主机记录就是二级域名,像普通的www其实也是二级域名的范畴了,哈哈哈哈。假如项目通过自动化部署在了docker容器里面:教程在这里。需要修改两个地方:一个二级域名,一个容器的端口。怎么将nginx通过域名绑定到这个容器呢?例如我们将一个二级域名绑定。

2022-12-15 10:50:42 324

原创 vue使用docker+node+nginx+linux自动化部署

我就怀疑是没有打包成功,没有build成功,那为啥会build不成功呢,开始一步一步的注释Dockerfile里面的步骤,找到原因,然后修改,然后重新提交。然后访问一下服务器地址:9090端口,就可以看到我们的项目了:如果访问不了,就要看一下你服务器的9090端口是否放开了。填写好之后,就可以直接push一下了,然后到action里面看一下:绿色就表示成功了。假定你还有一台免费的linux服务器,想用自动化部署的方式解放双手,假定你已经有一个vue项目了,并且已经用github进行管理了,

2022-12-14 19:48:17 252

原创 使用Github Actions自动部署vue项目到nginx服务器

打开你的github中该项目,点击Actions查看,一般提交完代码一两分钟后内会开始自动执行Actions中的yml脚本。修改你的vue项目代码,并提交github中(yml更新也会触发Actions,因为也commit并push了)。安装并启动你服务器上的nginx,注意为了避免vue路由和nginx路由冲突,需要在nginx中配置vue项目的。3.3.1   为了安全性和便捷性,yml文件中的部分信息可以以变量的形式在secrets中配置。最后到服务器上的文件夹下看下是否存在文件: 只能说,完美!

2022-12-14 15:06:04 370

原创 使用github的pages配合action自动部署vue项目

如果你需要某个 action,不必自己写复杂的脚本,直接引用他人写好的 action 即可,整个持续集成过程,就变成了一个 actions 的组合。这就是 GitHub Actions 最特别的地方。GitHub 做了一个,可以搜索到他人提交的 actions。另外,还有一个的仓库,也可以找到不少 action。

2022-12-13 21:27:27 280

原创 自动化部署npm安装sass是报错,往往是node版本太高导致的

就会成功了:看吧,14成功了,15就失败。

2022-12-13 19:21:59 517

原创 ZeroTier实现内网穿透详细教程,其实5分钟就可以搞定

相信很多人都有远程连接家中设备的需求,如远程连接家中的NAS、Windows等服务,所以会涉及到一个内网穿透工具的使用,如果没有公网IP的情况下,推荐大家使用ZeroTier,这是一款强大的内网穿透工具,实测公司到家里的网络延迟只有15ms左右。

2022-12-12 10:57:44 1714

原创 docker启动镜像失败后用日志logs查找失败原因

又报错了,原来是容器的名称重复了,那就删除之前的或者重新取一个名字吧。

2022-12-11 11:14:54 679

原创 docker镜像的导入导出,并发布到服务器上

如果不用-o参数,加载会出现错误:执行完命令后,就会出现一个tar文件:这个文件就可以随处发放给别人用了比如我上传到我服务器上:然后用docker载入;然后运行一下:成功了。

2022-12-09 21:52:09 532

原创 docker构建vue项目镜像并发布到dockerhub中使用

先将本地vue项目打包为一个镜像,不会的可以看文章:使用docker构建vue项目并成功运行在本地和线上_1024小神的博客-CSDN博客然后开始注册一个dockerhub账号并登陆:然后点击 create repositoryDocker Hub 开始填写仓库名称和描述:(此仓库类似代码仓库,可以存储多个不同版本的镜像,就像代码迭代一样,每打一个tag,就相当于一个版本,都会在这个仓库里面进行管理) 然后回到本地,查看一下本地镜像:也可以先将容器变为镜像,或者直接tag一个已存在的镜像:为镜像打一个

2022-12-09 15:34:33 470

原创 使用docker构建vue项目并成功运行在本地和线上

windows10 + node + vue + docker都已经安装齐全因为要用这个镜像来构建你的vue项目,就像给vue项目提供一个环境一样。

2022-12-09 15:04:30 861

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除