小z博客

Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器，它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox,以下简称油猴脚本。在之前的文章《使用油猴脚本（Tamper monkey）在任意网页上传图片》正是使用的油猴脚本。

安装Tampermonkey扩展

大部分浏览器都会自带扩展（应用）商店，一般搜索关键词“Tampermonkey”安装即可，Chrome浏览器可访问应用商店：https://chrome.google.com/webstore/detail/tampermonkey 安装。（自备梯子）

编写第一个油猴脚本

油猴脚本其实就是JavaScrip代码，因此在编写脚本之前需要掌握HTML/CSS/JavaScript，点击油猴脚本图标 - 添加新脚本

打开后会看到下面的代码内容：

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
})();

解释下上面代码的含义：

• @name :脚本的名称（自己取）
• @namespace :作者的主页
• @version :当前脚本版本号
• @description :脚本的描述（这个脚本用来干啥的）
• @author :脚本作者（您的大名）
• @match :需要匹配的URL地址（如 https://blog.xiaoz.org/* ）
• @grant :不知道用来干啥的，可保持默认

在// Your code here...开始编写您自己的javascript脚本（注意：您自己的编写脚本必须位于这里，不要写到外面去了），另外还有一些常用的参数：

• @license 脚本许可协议
• @require 载入外部的.js文件（比如需要载入jquery）

第一个hello world

您可以将下面的代码复制到编辑器替换，然后Ctrl + S保存一下：

// ==UserScript==
// @name         hello world
// @namespace    https://blog.xiaoz.org/
// @version      0.1
// @description  第一个hello world
// @author       xiaoz
// @match        https://www.baidu.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

     alert('hello,world!');
})();

再次访问百度的时候会弹出一个hello,world!

总结

Tampermonkey几乎支持所有的PC浏览器，通过Tampermonkey可编写自己的脚本，达到定制化需求。比如改变某个网站的CSS样式、去掉某些网站广告等待。

• Tamper monkey官网：https://tampermonkey.net/
• 获取更多有趣油猴脚本：https://greasyfork.org/zh-CN/scripts