大家都知道Web开发主要使用HTML、CSS和JavaScript语言，相应的，用户脚本也使用这三种，属于前端开发的范畴。
用户脚本是一段JS代码，是一个以.user.js结尾的文件，可以优化您的网页浏览体验。安装后，有些脚本可能会向网站添加新功能，有些脚本可能会使网站界面更易于使用，有些脚本可能会隐藏网站中烦人的部分。
每个脚本都有一个运行它的网站。在脚本开头的UserScript中，您将看到以@match或@include开头的表达式。以下网址为对应网站。只有当当前访问的网站与执行脚本的网站匹配时，脚本才会生效。
用户脚本主要包含三部分介绍：脚本头UserScript中包含的脚本属性、脚本管理器提供的API、脚本内容中常用的JSDOM函数。
1安装用户脚本管理器
要使用用户脚本，您必须首先安装用户脚本管理器。可用的用户脚本管理器因您使用的浏览器而异。
Chrome：Tampermonkey或Violentmonkey
火狐：油猴、篡改猴
或暴力猴子
Safari：坦普猴
MicrosoftEdge：篡改猴
歌剧：捣蛋猴
或暴力猴子
傲游：暴力猴子
海豚：坦普猴
UC：篡改猴
Qupzilla：（无需额外软件）
AdGuard：（无需额外软件）
从上面可以看出Tampermonkey具有很高的通用性。
https://www.crx4chrome.com/crx/162839/
下载后，可以在Chrome浏览器设置按钮的弹出菜单中将Tampermonkey添加到扩展程序中：“更多工具”→扩展程序
添加完成后，浏览器右上角添加了新的图标。单击后，将出现以下弹出菜单：
2安装用户脚本
单击Tampermonkey图标打开“获取新脚本”对话框：
要浏览提供脚本源的网站，请在此处选择GreasyFork：
单击“浏览此网站”按钮将带您进入：
https://greasyfork.org/zh-CN/scripts
找到所需的用户程序后，单击“用户脚本”页面上的“绿色安装”按钮进行安装。
3使用用户脚本
现在您可以访问该用户脚本所针对的网站，并且该脚本应该自动启动并生效。
4您还可以开发用户脚本
前面提到，用户脚本主要包含三个部分的介绍：脚本头UserScript中包含的脚本属性、脚本管理器提供的API以及脚本体中常用的JSDOM函数。开发一个脚本自然要完成这三个方面。
4.1脚本头用户脚本
//用户脚本
//@核心价值
///用户脚本
我们来看看常用的属性有哪些，什么条件下可以使用哪些属性。
@姓名
脚本名称，必填。
@描述
强制脚本功能描述。
@nimiavaruus
脚本命名空间。通常，如果您有网站，则可以输入自己的网站URL。@namespace和@name这两个属性用作脚本的唯一标识符，并由脚本管理器用来确定脚本是否已安装。如果更新脚本时任何项目发生更改，则会发送强制警告。
@版本
脚本的版本号主要用于更新脚本。每次更新脚本时，版本号都应递增。版本号可以写为0.1或0.0.1。下次更新脚本时，将其更改为0.2或0.0.2。这是一个必填字段。
@包含
连接将运行脚本的网站。如果脚本在多个网站上运行，则需要编写多行，每个网站一行。其中之一必须是@match，否则该脚本将无法在任何网站上运行。
@匹配
该功能类似于@sis?llyt?。如果不想太详细，可以使用*来匹配任意字符。
@排除
留下腿该脚本将无法在此属性之后编写的网站上运行。选修的。
@资源
对于脚本使用的外部资源，比如想在脚本中使用一些网络图片，可以在这里写上图片链接，并给图片起一个名字，这样就可以在脚本中使用指定的名字来获取图片。
@授予
指定脚本使用的脚本管理API。这些API可以实现访问数据、复制内容到剪贴板、发出Web请求、打开标签页等操作，这些操作将在下一节中介绍。如果不需要，什么也不写。如果有多行，请输入多行，每行一个。
上面介绍了一些常用的属性。有关属性的详细列表，请参阅Tampermonkey或Greasemonkey文档。
4.2脚本管理器API
为了让脚本开发更加简单，脚本管理器还为我们提供了很多API，我们可以在脚本开头声明它们，然后在代码中使用它们。
4.3JSDOM通用函数
该脚本的目的是提供便利，并向目标站点添加官方未提供的功能。对于原生网站，您可以使用HTML，它更直观但更麻烦，也可以使用jQuery，它更简洁但可读性稍差。如果你想在脚本中使用jQuery，你必须在脚本开头使用@resource引入jQuery库，你可以选择使用的版本。
最常见的要求是向目标站点添加或删除一些元素。如果我们想要删除一个元素，我们必须首先选择要删除的元素。您添加到目标网站的元素应与原始网站的颜色和风格一致。
在向目标站点添加元素后，我们通常想要处理一些用户操作。例如，当用户点击某个按钮时，我们希望触发一些动作；当用户将鼠标悬停在元素上时，我们希望触发一些操作；当用户将鼠标从元素上移开时，我们希望触发一些操作，等等。
4.4稿件的开发和出版
Tampermonkey还提供了开发接口：
当脚本开发完成后，我们选择“文件”→“保存到磁盘”，将脚本保存为以.user.js结尾的文件。
然后我们打开GreasyFork并发布脚本。单击“选择文件”并选择我们刚刚从磁盘保存的js文件。然后填写稿件简介，上传截图，最后发表稿件。
信号：
https://blog.csdn.net/weixin43909455?t1
https://blog.csdn.net/weixin43909455/article/details/84709746
-结尾-
相关文章
