浏览器|下载安装用户脚本管理器插件、安装、使用用户脚本

文章中心7个月前发布 admin
55 0 0

浏览器|下载并安装用户脚本管理器插件,安装并运行用户脚本

大家都知道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

-结尾-

© 版权声明

相关文章