Tampermonkey Chrome插件开发背景
网页开发人员往往都会有一种职业情节,上网浏览网页时总要去评价一下这个网页的设计开发,甚至想要去修改网页的样式。最初我们最常使用的工具就是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的手机端APK也可以在本站下载:
Tampermonkey Chrome插件使用方法
1.在谷歌浏览器中安装Tampermonkey插件,并在Chrome的扩展器中启动Tampermonkey的功能,Tampermonkey插件的下载地址可以在本文的下方找到,离线Tampermonkey插件的安装方法可参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 最新谷歌浏览器离线安装版可以从这里下载:https://huajiakeji.com/chrome/2014-09/177.html。
2.如果chrome应用商店可以打开的话,可以按照在线安装的方式安装Tampermonkey插件。
3.Tampermonkey插件安装成功后,在浏览器的右上方可以看到tampermonkey的按钮标记。
4.我们知道tampermonkey目前有三个版本,Tampermonkey Stable,Tampermonkey Beta,Tampermonkey Legacy.最常用的就是Tampermonkey Stable。
5.安装好Tampermonkey插件后,我们可以对其进行简单的设置。Tampermonkey的设置分为3个档次,分别是新手,中级和高级,如果你对代码编程一点儿都不懂,直接选择新手吧!默认的这些设置基本上可以满足你的要求了。如果你对计算机、软件操作等非常熟悉可以选择初学者设置模式,可以设置的选项更加多一些。当然如果你是一个很牛的javascript大神,那就可以使用高级模式去设置了。
6.Tampernokey最常用命了有:使用 @require 可以引入脚本;
使用 @include, 可以指定脚本生效的网址;
想获得页面中的JS函数或变量要用 unsafeWindow:
7.Tampermonkey内置了一个加强版的脚本管理器,如果你对javascript或者其他编程语言比较精通,就可以尝试进行自定义一些适合自己的插件来使用了。打开内置脚本管理器如下图:
8.既然Tampermonkey是用来管理用户脚本插件的,那么有哪些用户脚本源呢?chrome插件网整理推荐如下:
Userscripts.org: 一直以来都是用户脚本的常用来源,但现在这个网站已经不再更新了;
GreasyFork: 或许是最受欢迎的后起之秀了。它由 Jason Barnabe 创建,Jason Barnabe 同时也是 Stylish 网站的创办者,在其储存库中有大量的脚本资源。
- 大量的脚本资源(在 2016 年 2 月份时,大约有 9400 个)
- 拥有可以从 Github 中进行脚本同步的功能
- 非常活跃的开放源代码发展模式
- 大量的脚本资源(在 2016 年 2 月份时,大约有 3700 个)
- 拥有可以从 Github、fork scripts 中进行脚本同步的功能
- 非常活跃的开放源代码发展模式
GitHub/Gist :越来越多开发者会将源码放在GitHub,用户可以直接搜索。
如果还有其他问题请参照:tampermonkey怎么用(一):tampermonkey插件下载安装教程
Tampermonkey Chrome插件注意事项
1.IE上暂不支持Tampermonkey插件。
2.Tampermonkey插件提供了自动同步的功能,但是前提需要打开初学者设置模式,然后找到TESLA选项,把启用选项前面的方框打上勾即可。如下图
Tampermonkey插件联系方式
1.内容由tampermonkey.net提供
2、Tampermonkey的安卓手机版本下载请移步:tampermonkey手机安卓版_Tampermonkey Dolphin 4.2 APK
Tampermonkey - 最流行的用户脚本管理器下载地址
点击下载Tampermonkey - 最流行的用户脚本管理器