admin 网页开发主要使用HTML、CSS和JavaScript，因此用户脚本也使用这三种，属于前端开发的范畴。
用户脚本是一段JS代码，一个以 .u 结尾的文件，它们能够优化您的网页浏览体验。安装之后，有些脚本能为网站添加新的功能，有些能使网站的界面更加易用，有些则能隐藏网站上烦人的部分内容。
每个脚本都会有其运行的网站，在脚本开头的 UserScript 里面可以看到 @match 或者 @include 开头的语句，后面跟的网址就是匹配的站点，只有当前访问的网站跟脚本运行的网站匹配时，脚本才能生效。
一个用户脚本主要包括 3 个部分的介绍: 脚本头部 UserScript 包含的脚本属性、脚本管理器提供的 API 以及脚本内容中常用的 JS DOM 操作。
1 安装一个用户脚本管理器
要使用用户脚本，您首先需要安装一个用户脚本管理器。根据您使用的浏览器不同，可用的用户脚本管理器也有所不同。
Chrome：Tampermonkey 或 Violent monkey
Firefox：Greasemonkey、Tampermonkey
或 Violentmonkey
Safari：Tampermonkey
Microsoft Edge：Tampermonkey
Opera：Tampermonkey
或 Violentmonkey
Maxthon：Violentmonkey
Dolphin：Tampermonkey
UC：Tampermonkey
Qupzilla：（不需要额外软件）
AdGuard：（不需要额外软件）
由上可见Tampermonkey（油猴）有较高的通用性。
下载后，在chrome浏览器的设置按钮弹出菜单：“更多工具”→扩展程序中可以添加Tampermonkey
添加后，在浏览器的右上角会有新增一图标，点击后会有如下弹出菜单：
2 安装一个用户脚本
点击Tampermonkey图标弹出对话框的“获取新脚本”：
可以浏览到提供脚本源的网站，这里选择GreasyFork：
点击其中的“浏览此网站”按钮，会跳转到：
在您找到想要的用户脚本后，点击用户脚本页面上绿色的安装按钮即可安装。
3 使用用户脚本
现在您可以访问这个用户脚本所针对的网站，脚本应该已经自动启动和生效。
4 你也可以开发一个用户脚本
前面提到，一个用户脚本主要包括 3 个部分的介绍: 脚本头部 UserScript 包含的脚本属性、脚本管理器提供的 API 以及脚本内容中常用的 JS DOM 操作。脚本开发自然就是完成这三方面的内容。
4.1 脚本头部 UserScript
// ==UserScript== // @key value // ==/UserScript==下面让我们来看看常用的属性都有哪些，在什么情况下能用到哪个属性。
@name
脚本的名称，必填项。
@description
脚本的功能描述，必填项。
@namespace
脚本的命名空间，一般如果自己有网站的话，可以写自己网站的 URL。@namespace 和 @name 这两个属性被作为脚本的唯一标识符，脚本管理器根据它们来判断一个脚本是否已安装。如果在更新脚本时更改了任意一项，将发出警告，必填项。
@version
脚本的版本号，主要是为了更新脚本时使用。每一次更新脚本都应该增加版本号，版本号可以写成 0.1 或者 0.0.1 这样，下次更新脚本的时候改为 0.2 或者 0.0.2 这样，必填项。
@include
匹配脚本的运行网站，如果脚本要在多个网站上运行，需要写多行，一行写一个网站。跟 @match 二者必须有一项，否则脚本将不会再任何网站上运行。
@match
功能跟 @include 类似，在匹配网站时，如果不想写的过于详细，可以使用 * 来匹配任意字符。
@exclude
排除脚本运行的网站，写在这个属性后面的网站，脚本将不会运行，可选项。
@resource
脚本用到的外部资源，比如说脚本中要用到一些网络图片，就可以将图片链接写在这里，并给图片指定一个名称，这样在脚本中就可以使用指定的名称来拿到图片了。
@grant
指定脚本要用到的脚本管理器的 API，这些 API 能实现数据的存取，将内容复制到剪贴板，网络请求，打开 tab 页等功能，具体会在下一部分介绍。如果用不到就写 none，如果有多个，就写多行，每行一个。
上面介绍的是一些比较常用的属性，详细属性列表可以查看 Tampermonkey 文档 或者 Greasemonkey 文档。
4.2 脚本管理器的 API
为了让开发脚本更方便，脚本管理器也为我们提供了很多 API，我们在脚本的开头声明后，就可以在代码里面使用。
4.3 常用的 JS DOM 操作
脚本的目的是提供方便，给目标网站添加一些官方没有提供的功能。要对原网站进行操作，可以使用 HTML，比较直观，但比较繁琐，也可以使用 jQuery，比较简洁，但可能可读性稍弱一点。如果要在脚本中使用 jQuery，需要先在脚本开头使用 @resource 引入 jQuery 库，具体引入哪一个版本，可以自己选择。
最常见的需求是在目标网站添加一些元素或者删除一些元素。如果要删除元素，那么我们需要先选择我们要删除的元素。你在目标网站中添加的元素，要尽量与原网站的配色，样式相一致。
当我们给目标网站添加了元素之后，我们通常希望可以处理一些用户操作。比如当用户点击按钮时，我们希望触发一些操作；当用户鼠标进入某个元素时，我们希望触发一些操作；当用户鼠标移出某个元素时，我们希望触发一些操作等等。
4.4 脚本开发与发布
Tampermonkey也提供了开发的界面：
完成了脚本开发后，我们选择“文件”→“保存到磁盘“，将脚本保存成一个以 .u 结尾的文件。
然后我们打开 GreasyFork，发布我们的脚本。我们点击选择文件，从磁盘上选择我们刚才保存的 js 文件。然后填写脚本介绍，并上传截图，最后发布脚本。
参考：
－End－