简单介绍一下 Tampermonkey :
· Tampermonkey 是浏览器插件中神级的存在
· 什么是神级插件 : 其他插件能做的, 他都能做到
· 当你学会了 Tampermonkey 以后, 你就会发现, 其实 Chrome 插件就两种
o 一种是 Tampermonkey
o 一种是 其他插件
点击加入前端千人大群交流学习,更多课程视频-源码软件安装包免费赠送~
Tampermonkey 是如何运行的呢?
· 在浏览器上, 我们看到的网页主要是通过运行脚本语言(JavaScript) 来实现一些页面交互和动效
· Tampermonkey 就相当于给了你一个脚本入口, 你可以通过自己书写代码, 在指定的网页上执行
比如:
o 你自己在 Tampermonkey 里面书写一段代码叫做 alert("你好,成功了")
o 你指定这段代码在 www.baidu.com 这个网站运行
o 那么只要你打开着 Tampermonkey 插件, 那么你每次开启 百度 的时候, 都会弹出 你好,成功了
注意:
· 有一些网站开启了 GSP(内容安全策略), 是为了保证网页内容不会被修改, 防止恶意窃取隐私信息等
· 那么就不能执行你的脚本了, 比如 知乎、Github、Twitter、Quora 等。
· 不过, Tampermonkey 提供了一个可以在 GSP 页面运行脚本的能力, 不过代价就是破化了 GSP 的支持, 所以一些完全性更高的网站是肯定使用不了的了
· 强烈建议, 不是高级玩家不要玩火, 小心尿床
各个浏览器安装 Tampermonkey
· Chrome : 应用商店搜索 Tampermonkey
· FireFox : Greasemonkey
· safari : Tampermonkey
· Edge : Tampermonkey
· Opera : Tampermonkey
· 其他浏览器(QQ, 360 等) : 直接在浏览器应用中心搜索 Tampermonkey 既可
别废话了,开始我的第一个脚本吧
· 这里就不再说安装问题了
· 我们直接来说使用
· 很多人可能安装过 Tampermonkey 插件, 安装完毕以后, 发现不管是不是开启着插件好像都没啥用
· 我浏览各种网页他也不起啥作用, 也不知道是干啥的
· 因为他只是一个执行脚本的入口插件, 我们要写入特定脚本才好使
开启 Tampermonkey 作战模式
· 你要在你的浏览器上保证你的 Tampermonkey 插件是开启的
书写一个简单脚本
· 点击浏览器右上角的插件, 选择添加新脚本
· 然后按照下图开始书写你的脚本
· 写完以后直接按下 ctrl + s 保存就可以
· 此时, 你只要打开 百度一下 那么就会运行你刚才书写的脚本了
自己不会写,有免费脚本库
· 如果你有能力, 是一个技术大佬, 那么你可以自己写所有的脚本
· 当然,用别人的也可以。
脚本库
· 我们比较常用的免费脚本库有三个
1. Greasy Fork
2. OpenUserJS
3. Userscripts Mirror
· 我比较喜欢使用 Greasy Fork, 因为支持中文
· 其他两个我怕我看不懂
· 下面就以 Greasy Fork 来举例子, 其实都差不多的
安装脚本
· Greasy Fork:
o 并且是按照今日安装 , 安装总数, 和得分进行的排序
o 比较简单, 也都是中文, 我们看得懂的
· 按照下图进行简本搜索
· 根据人家的中文介绍, 找一个你觉得合适的脚本点击进去
· 点进去以后, 我们直接安装脚本就可以了
· 点击完安装以后, 你会发现什么也没有发生, 就过去了
· 其实不用管, 因为已经安装在你的 Tampermonkey 中了
· 你只要去到爱奇艺看视频就会发现生效了,看视频再也没有广告了
查看已经安装的脚本
· 我想看看我安装的脚本咋办
· 直接在 Tampermonkey 插件上右键单击, 然后选择选项
· 这个就是你自己已经安装或者写好的脚本了
· 我们刚才自己写的那个脚本最好就删掉了, 因为没啥用
以上就是 Tampermonkey 的基本使用。