Tampermonkey

最近又接触了油猴,可以定制化网站.比如去掉广告啦,排版文字加空格啦.

Tampermonkey

类似的插件有好几个,然后其中最出名的我看的是Tampermonkey.他有几个优势.

备份,在[实用工具]选项卡里面有几个选项,我是用的google cloud .试了一下还挺方便.不过他这个是增量的.可能需要删除一下重复,恢复的时候.
firefox ,chrome 都支持.不过听说chrome以后会禁用修改网页之类的.还是有风险的.不好的油猴插件有可能监控你的行为之类的.因为油猴脚本的灵活性和无限可能，不安全的油猴脚本是很危险的。比如它可以在你登录的账号页面上搜集信息，发送到后台，甚至直接下单，修改地址等等
脚本站点（论坛）：
现在想着是多看看人家怎么做的.然后就看了几个插件的源码.
没有找到好的教程…

Userscript+ : 显示当前网站所有可用的UserJS脚本 Jaeger

依赖
- iframejs 向iframe里面注入内如

// 加载依赖js库
	ljs.exec(['jQuery', 'iframe', 'psl'], function () {
    var fu = new FetchUserjs();
    fu.render();
     });

本地调试vue组件.

主要是想弄明白他怎么单独用vue组件的..有点理解的似是而非…….跟之前理解的单独用vue组件感觉有点不一样.这个有点高端.相等于在一个页面中注入一个vue组件使用逻辑.先在frame里面注入html框架.然后再运行打包的vue组件js.要是我自己用webpack是实现的话感觉只有抄的水平..

下载代码后.启动 npm run watch:ui 在dist目录生成vue的打包.然后可以用 npm 包 serve 启动静态文件服务 serve -l 5000.然后替换

1
2

// @resource     uiJs   https://raw.githubusercontent.com/jae-jae/Show-Site-All-UserJS/master/dist/ui.gf.js?_=1561104961645
// @resource     ui     https://raw.githubusercontent.com/jae-jae/Show-Site-All-UserJS/master/dist/ui.html?_=1561104961645

为

1 2	// @resource uiJs http://localhost:5000/ui.js?_=1561104961645 // @resource ui http://localhost:5000/ui.html?_=1561104961645

可以加个断点之类的.这部分是调试这个插件用vue写的可选插件的table组件. 可以用vsCode 调试npm npm run build --inspect-brk

其他接口查询
其他的获取网站到底有多少可用插件之类的是在项目里面的 userscript目录里面.然后这个我看是放在插件的主入口里面.感觉有点麻烦,没细看.有时间再慢慢看看.

发布

利用 github 的 Webhooks 同步发布到 greasyfork
初始化 import 脚本 https://greasyfork.org/en/import
2. 开启 webhook 并应用 https://greasyfork.org/en/users/webhook-info

按提示在 github 仓库的settings -> webhooks创建 hook, 每次仓库更新就会同步更新到 greasyfork

参考

使用 VueJS 开发油猴（TamperMonkey）脚本

Tampermonkey

学习

Userscript+ : 显示当前网站所有可用的UserJS脚本 Jaeger

发布

参考