编程崽

登录

一叶在编程苦海沉沦的扁舟之上,我是那只激情自射的崽

油猴的安装和开发(Tampermonkey)

油猴的安装和开发(Tampermonkey)

油猴(Tampermonkey)是当前非常流行的浏览器插件,用户可以使用它添加一些js脚本,指定在某些网站加载,这样用户就可以参与某些网站的样式、功能的调整和拓展。

功能说明

比如我指定在百度图片(https://image.baidu.com/)这个网址下,加载我写的脚本,我这个脚本执行后,会在页面右上角添加一个按钮,当点击这个按钮,会自动把当前页面下所有的图片地址获取到,自动下载。

安装插件

下载安装:在油猴(Tampermonkey)官方网站(https://www.tampermonkey.net/)的首页,可以看到它支持常用浏览器。

基本功能展示

安装完成后,可以看到他的操作菜单。

可以自由决定是否启用某个支持当前页面的脚本。

可以点击获取新脚本,会自动跳转官方推荐的一些脚本资源网站,在那些网站中搜索脚本名称来寻找脚本。

也可以点击添加新脚本,会自动调整插件的添加代码文本的页面。

脚本开发说明

开发的脚本的规则说明:https://www.tampermonkey.net/documentation.php?ext=dhdg

主要是一些约定的注释,注释的写法来指定这个脚本的名称、说明、生效的网站、版本、图标、要加载的额外文件等等。

官方提供的模板:

js 复制代码
// ==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 权限功能来访问的资源。