油猴(Tampermonkey)是当前非常流行的浏览器插件,用户可以使用它添加一些js脚本,指定在某些网站加载,这样用户就可以参与某些网站的样式、功能的调整和拓展。
比如我指定在百度图片(https://image.baidu.com/)这个网址下,加载我写的脚本,我这个脚本执行后,会在页面右上角添加一个按钮,当点击这个按钮,会自动把当前页面下所有的图片地址获取到,自动下载。
下载安装:在油猴(Tampermonkey)官方网站(https://www.tampermonkey.net/)的首页,可以看到它支持常用浏览器。
安装完成后,可以看到他的操作菜单。
可以自由决定是否启用某个支持当前页面的脚本。
可以点击获取新脚本,会自动跳转官方推荐的一些脚本资源网站,在那些网站中搜索脚本名称来寻找脚本。
也可以点击添加新脚本,会自动调整插件的添加代码文本的页面。
开发的脚本的规则说明:https://www.tampermonkey.net/documentation.php?ext=dhdg。
主要是一些约定的注释,注释的写法来指定这个脚本的名称、说明、生效的网站、版本、图标、要加载的额外文件等等。
官方提供的模板:
// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match http://*/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// ==/UserScript==
(function() {
'use strict';
// Your code here...
})();
一些常用的规则,更多的和更详细见文档。
@name:脚本的名称,支持不同的语言展示不同的名称,详见文档。
@namespace:命名空间,可以写自己脚本的说明性官网,比如这个脚本的github地址。
@version:脚本的版本,自己这个脚本有升级时很有用,油猴会给用户升级这个脚本。
@description:脚本简介、说明。
@author:作者。
@match:这个脚本要支持的网站url,支持通配符写法。
@icon:脚本的图标,用处不大,可以不写。
@grant:指定脚本运行需要的权限,油猴本身身为插件,权限比网页高,比如可以读取书签、控制缓存等等,如果不需要直接写none即可。
@require:在脚本本身开始运行之前加载和执行的 JavaScript 文件,后面写一个文件加载地址。
@resource:预加载的文件,可以通过 GM_getResourceURL 和 GM_getResourceText 两个 @grant 权限功能来访问的资源。