chrome插件，装这个就够了

喜欢ヅ旅行 2022-12-06 01:08 214阅读 0赞

## 简单介绍一下 Tampermonkey ： ##

*  `Tampermonkey` 是浏览器插件中神级的存在
 *  什么是神级插件 : 其他插件能做的, 他都能做到
 *  当你学会了 `Tampermonkey` 以后, 你就会发现, 其实 `Chrome` 插件就两种
    
     *  一种是 `Tampermonkey`
     *  一种是 其他插件

## Tampermonkey 是如何运行的呢？ ##

*  在浏览器上, 我们看到的网页主要是通过运行脚本语言(`JavaScript`) 来实现一些页面交互和动效
 *  `Tampermonkey` 就相当于给了你一个脚本入口, 你可以通过自己书写代码, 在指定的网页上执行

## 比如: ##

*   *  你自己在 `Tampermonkey` 里面书写一段代码叫做 `alert("你好，成功了")`
     *  你指定这段代码在 `www.baidu.com` 这个网站运行
     *  那么只要你打开着 `Tampermonkey` 插件, 那么你每次开启 百度 的时候, 都会弹出 `你好，成功了`

## 注意： ##

*  有一些网站开启了 GSP(内容安全策略), 是为了保证网页内容不会被修改, 防止恶意窃取隐私信息等
 *  那么就不能执行你的脚本了, 比如 知乎、Github、Twitter、Quora 等。
 *  不过, `Tampermonkey` 提供了一个可以在 GSP 页面运行脚本的能力, 不过代价就是破化了 GSP 的支持, 所以一些完全性更高的网站是肯定使用不了的了
 *  强烈建议, 不是高级玩家不要玩火, 小心尿床

![bd9bdb4f29ce88f0559e4b1a2c7f07bc.png][]

## **各个浏览器安装 Tampermonkey** ##

*  Chrome : 应用商店搜索 Tampermonkey
 *  FireFox : Greasemonkey
 *  safari : Tampermonkey
 *  Edge : Tampermonkey
 *  Opera : Tampermonkey
 *  其他浏览器(QQ, 360 等) : 直接在浏览器应用中心搜索 Tampermonkey 既可

## **别废话了，开始我的第一个脚本吧** ##

![f118fbccd2f3f5449a47b7aff90a9c66.png][]

*  这里就不再说安装问题了
 *  我们直接来说使用
 *  很多人可能安装过 `Tampermonkey` 插件, 安装完毕以后, 发现不管是不是开启着插件好像都没啥用
 *  我浏览各种网页他也不起啥作用, 也不知道是干啥的
 *  因为他只是一个执行脚本的入口插件, 我们要写入特定脚本才好使

## **开启 Tampermonkey 作战模式** ##

*  你要在你的浏览器上保证你的 `Tampermonkey` 插件是开启的

![acfd226251e0fd0cbb2a73f761ff545c.png][]

## **书写一个简单脚本** ##

*  点击浏览器右上角的插件, 选择添加新脚本

![c9419a70a6764609705df3f3da1f8d0e.png][]

*  然后按照下图开始书写你的脚本

![386a181dd6a8b7d0860d928bd835cbe0.png][]

*  写完以后直接按下 `ctrl + s` 保存就可以
 *  此时, 你只要打开 [百度一下][Link 1] 那么就会运行你刚才书写的脚本了

![328037118258129f79fe913cea6099fc.png][]

## **自己不会写，有免费脚本库** ##

*  如果你有能力, 是一个技术大佬, 那么你可以自己写所有的脚本
 *  当然，用别人的也可以。

![e31ee7864071155ec2770f5c92cf94ee.png][]

## **脚本库** ##

*  我们比较常用的免费脚本库有三个

1.  [Greasy Fork][]
2.  [OpenUserJS][]
3.  [Userscripts Mirror][]

*  我比较喜欢使用 [Greasy Fork][], 因为支持中文
 *  其他两个我怕我看不懂

*  下面就以 [Greasy Fork][] 来举例子, 其实都差不多的

## **安装脚本** ##

*  Greasy Fork:
    
     *  并且是按照今日安装 , 安装总数, 和得分进行的排序
     *  比较简单, 也都是中文, 我们看得懂的

*  按照下图进行简本搜索

![e467bb4c5995be0e8f8380a68bbf5179.png][]

*  根据人家的中文介绍, 找一个你觉得合适的脚本点击进去

![e4ec5f2fc46cd06ab443cf02858a51e8.png][]

*  点进去以后, 我们直接安装脚本就可以了

![046adda92de3c6d13adadc86007721b1.png][]

![ffee496cc6370962e501065d6b2166d2.png][]

*  点击完安装以后, 你会发现什么也没有发生, 就过去了
 *  其实不用管, 因为已经安装在你的 `Tampermonkey` 中了
 *  你只要去到爱奇艺看视频就会发现生效了，看视频再也没有广告了

![9babd868f5f2cbb6d2d6fc5be50f17a7.png][]

**查看已经安装的脚本**

*  我想看看我安装的脚本咋办
 *  直接在 `Tampermonkey` 插件上右键单击, 然后选择选项

![8211941fbee692bdf57f09aa62cb4a17.png][]

![637afc1067f3700a9384d68d834d1c05.png][]

*  这个就是你自己已经安装或者写好的脚本了
 *  我们刚才自己写的那个脚本最好就删掉了, 因为没啥用

以上就是 `Tampermonkey` 的基本使用

[bd9bdb4f29ce88f0559e4b1a2c7f07bc.png]: /images/20221123/6034057ce8cd4e989151b0e6ad305920.png
[f118fbccd2f3f5449a47b7aff90a9c66.png]: /images/20221123/c4ce45bb4c8d4552b15e7439318b332f.png
[acfd226251e0fd0cbb2a73f761ff545c.png]: /images/20221123/fee9289e8e1d45469faf78fdee9d0948.png
[c9419a70a6764609705df3f3da1f8d0e.png]: /images/20221123/a44a8c88e48145388fabd9450783d4c7.png
[386a181dd6a8b7d0860d928bd835cbe0.png]: /images/20221123/4d6dfb753f4b4071b3b1de25e1b83f53.png
[Link 1]: https://link.zhihu.com/?target=https%3A//www.baidu.com/
[328037118258129f79fe913cea6099fc.png]: /images/20221123/23ad954e87a845698aca583f16c281e1.png
[e31ee7864071155ec2770f5c92cf94ee.png]: /images/20221123/35ea566c589a4542bba831351ce569a7.png
[Greasy Fork]: https://link.zhihu.com/?target=https%3A//greasyfork.org/zh-CN
[OpenUserJS]: https://link.zhihu.com/?target=https%3A//openuserjs.org/
[Userscripts Mirror]: https://link.zhihu.com/?target=https%3A//userscripts-mirror.org/
[e467bb4c5995be0e8f8380a68bbf5179.png]: /images/20221123/cef96f9456954b838a883ffb43744dd2.png
[e4ec5f2fc46cd06ab443cf02858a51e8.png]: /images/20221123/4ebbf4449aa64a089b316e26ac06e478.png
[046adda92de3c6d13adadc86007721b1.png]: /images/20221123/705f10264ccb48da8a6febd52695132b.png
[ffee496cc6370962e501065d6b2166d2.png]: /images/20221123/9ea758fc58f44801b2b4b80f09bf316c.png
[9babd868f5f2cbb6d2d6fc5be50f17a7.png]: /images/20221123/9cb212089ba94ae282e40255e755d5cc.png
[8211941fbee692bdf57f09aa62cb4a17.png]: /images/20221123/5448f9a2db754591b6b422f3fd5f472b.png
[637afc1067f3700a9384d68d834d1c05.png]: /images/20221123/fe92f8e21fc54bde93167fd1512fac86.png