Tampermonkey开发背景
网页开发人员往往都会有一种职业情节,上网浏览网页时总要去评价一下这个网页的设计开发,甚至想要去修改网页的样式。最初我们最常使用的工具就是chrome浏览器自带的开发者工具来修改网页的CSS,但不是所有的网页都可以通过这样的方法去修改。于是迎合这样的开发需求,Tampermonkey这款chrome插件就诞生了。有了Tampermonkey,开发者就可以导入自己的脚本模板来改变网页的CSS和JS,让整个网页大变样。什么是用户脚本?用户脚本是为了增强用户对网页浏览体验的控制权。在安装了用户脚本之后,它们可自动为用户访问的网站添加功能,或使其更加易用、更加清新。而想要利用这里用户脚本就必须要有用户脚本管理器。
Tampermonkey简介
Tampermonkey有个更广为人知的名字就是:油猴。油猴插件原本最开始在火狐上发布,名字为Greasemonkey。后来Chrome上的有了类似插件就是Tampermonkey,它们使用的脚本是通用的。Tampermonkey适用于基于Blink和WebKit的浏览器,像Chrome,Microsoft,Edge,Safari,Next和Firefox。而且理论上chrome内核的其他浏览器也都可以安装。与其相对应的在不同浏览器上插件的名字分别是UC浏览器的Violentmonkey(暴力猴),火狐浏览器的Greasemonkey(油猴),再有就是谷歌浏览器的Tampermonkey(篡改猴)啦!很简单,说白了其实就是一个管理别人写的插件的一个插件管理器而已。今天我们就来好好介绍一下这款用户脚本管理器Tampermonkey。
Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。
虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。 它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能, 同时Tampermonkey还有可能正常运行原本并不兼容的脚本。
Tampermonkey使用方法
1.在谷歌浏览器中安装Tampermonkey插件,并在Chrome的扩展器中启动Tampermonkey的功能。具体安装方法详见:如何在谷歌浏览器中安装.crx扩展名的离线Chrome插件?
安装完成后,在浏览器的右上方可以看到tampermonkey的按钮标记。如下图所示
2.安装好Tampermonkey插件后,我们可以对其进行简单的设置。Tampermonkey的设置分为3个档次,分别是新手,中级和高级,如果你对代码编程一点儿都不懂,直接选择新手吧!默认的这些设置基本上可以满足你的要求了。如果你对计算机、软件操作等非常熟悉可以选择初学者设置模式,可以设置的选项更加多一些。当然如果你是一个很牛的javascript大神,那就可以使用高级模式去设置了。
3.Tampermonkey插件设置页面。
重点来了,Tampermonkey牛逼在哪里呢?
Tampermonkey内置了一个加强版的脚本管理器,如果你对javascript或者其他编程语言比较精通,就可以尝试进行自定义一些适合自己的插件来使用了。打开内置脚本管理器如下图:
Tampermonkey有哪些用户脚本源呢?
Userscripts.org: 一直以来都是用户脚本的常用来源,但现在这个网站已经不再更新了;
GreasyFork: 或许是最受欢迎的后起之秀了。它由 Jason Barnabe 创建,Jason Barnabe 同时也是 Stylish 网站的创办者,在其储存库中有大量的脚本资源。
- 大量的脚本资源(在 2016 年 2 月份时,大约有 9400 个)
- 拥有可以从 Github 中进行脚本同步的功能
- 非常活跃的开放源代码发展模式
OpenUserJS: 继 GreasyFork 之后开始创办。它由 Sizzle McTwizzle 创建,同样地,在其储存库中也拥有大量的脚本资源。
- 大量的脚本资源(在 2016 年 2 月份时,大约有 3700 个)
- 拥有可以从 Github、fork scripts 中进行脚本同步的功能
- 非常活跃的开放源代码发展模式
GitHub/Gist :越来越多开发者会将源码放在GitHub,用户可以直接搜索。
Tampermonkey注意事项
1.IE上暂不支持Tampermonkey插件。
2.Tampermonkey插件提供了自动同步的功能,但是前提需要打开初学者设置模式,然后找到TESLA选项,把启用选项前面的方框打上勾即可。如下图
油猴脚本扩展Tampermonkey下载地址
点击下载
关于油猴脚本扩展Tampermonkey详细使用教程,点击下文查看: