目录

1.油猴简介

2.油猴插件安装

方法1

方法2

3.获取油猴脚本

4.脚本的使用

4.1 脚本的设置及功能

4.2 安装油猴脚本

4.3 新建脚本

5.脚本编写方法

功能注释

脚本权限

编写脚本


1.油猴简介

  • 油猴脚本是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome , MicrosoftEdge, Safari,OperaNext,和Firefox。
  • tampermonkey俗称油猴,油猴是一款免费实用且强悍的浏览器插件,它可以实现各种意想不到的功能。如观看VIP电影、解除网页防止复制粘贴功能、直接下载云盘大文件、自定义网盘分享密码、下载微软官网隐藏的ISO系统镜像等等。

2.油猴插件安装

方法1

油猴的官网有详细的中文安装指导:Tampermonkey • Home

网站页面如下,大家根据自己的浏览器而安装相应的浏览器

APP 油猴插件代码 JavaScript代码 油猴插件是啥_数据

方法2

可以从扩展应用商店安装,在这里举例360极速浏览器

  • 找到有上角的扩展中心

APP 油猴插件代码 JavaScript代码 油猴插件是啥_搜索_02

  •  进入扩展中心,在里面有很多的插件,如果对你有用,你可以选择性进行安装

APP 油猴插件代码 JavaScript代码 油猴插件是啥_数据_03

  •  在右上角的搜索框搜索 monkey ;一般选择安装第一个,当然第二个也可以用哈,选好后,然后点击安装,再点击确定就好了

APP 油猴插件代码 JavaScript代码 油猴插件是啥_搜索_04

  • 安装完成后,页面最大化,可以在右上角看到

 

APP 油猴插件代码 JavaScript代码 油猴插件是啥_搜索_05

到此,油猴插件的安装就结束了。

3.获取油猴脚本

油猴不自带任何功能脚本,这些脚本需要自己安装,油猴相当于一个管理平台。油猴官方给出的下载平台有四个(Tampermonkey • Userscript Sources):

  • Userscript.Zone Search 是一个新网站,允许通过输入合适的URL或域来搜索用户脚本。
  • GreasyFork  这个是重点,脚本很多很全,支持中文,按照今日安装、总安装数、得分、创建日期等的排序方式给出脚本列表,可按脚本生效的网站过滤,每一脚本都有中文介绍,并且详细列出了作者、安装数、更新日期日志、安装使用截图、兼容性、应用到、代码查看等信息描述。
  • OpenUserJS  继 GreasyFork 之后开始创办。它由 Sizzle McTwizzle 创建,同样地,在其储存库中也拥有大量的脚本资源。
  • Github  一些个人编写的脚本,有很多稀有脚本,但是因为绝大多数人的网络问题,很难访问

4.脚本的使用

4.1 脚本的设置及功能

点击地址栏右侧的 Tampermonkey 图标,点击管理面板选项进入设置页面,同时也可以看到你所安装的所有脚本。

脚本名字,前面是绿的则是正在启用,灰色的则是没有,启用的话,到一定页面则会自动启动,如果没启动的想要启动,首先将它变绿,然后刷新一下页面就好了。

APP 油猴插件代码 JavaScript代码 油猴插件是啥_API_06

4.2 安装油猴脚本

GreasyFork 为例,这个支持中文哦

可以直接从搜索框搜索想找的脚本,或直接查看脚本列表看所有的脚本

APP 油猴插件代码 JavaScript代码 油猴插件是啥_搜索_07

我们查看 脚本列表

APP 油猴插件代码 JavaScript代码 油猴插件是啥_API_08

随便选择一个进行安装,进行一下演示,如上图的第二个吧

APP 油猴插件代码 JavaScript代码 油猴插件是啥_搜索_09

点一下该脚本的后面的 install 

APP 油猴插件代码 JavaScript代码 油猴插件是啥_API_10

因为我已经安装过了,所以这里显示的重新安装,点一下安装即可。

到这里,脚本的安装就结束了。

4.3 新建脚本

首先在浏览器右上角找到并点击油猴插件,选择添加新脚本。

APP 油猴插件代码 JavaScript代码 油猴插件是啥_数据_11

然后就会打开如图所示的编辑器窗口,我们就可以在其中编辑自己的脚本文件了。如果你喜欢的话,还可以将脚本内容复制到合适的编辑器中编辑,完成之后再复制回来。

APP 油猴插件代码 JavaScript代码 油猴插件是啥_API_12

 如果你点击开发者菜单的话,可以选择模板等。

APP 油猴插件代码 JavaScript代码 油猴插件是啥_数据_13

5.脚本编写方法

功能注释

首先来看看脚本的内容,上面是一大排注释,这些注释可以非常有用的,它表明了脚本的各个属性。下面来简单介绍一下。

属性名

作用

name

油猴脚本的名字

namespace

命名空间,类似于Java的包名,用来区分相同名称的脚本,一般写成作者名字或者网址就可以了

version

脚本版本,油猴脚本的更新会读取这个版本号

description

描述,用来告诉用户这个脚本是干什么用的

author

作者名字

match

只有匹配的网址才会执行对应的脚本,例如*http://*http://www.baidu.com/*等,参见谷歌开发者文档

grant

指定脚本运行所需权限,如果脚本拥有相应的权限,就可以调用油猴扩展提供的API与浏览器进行交互。如果设置为none的话,则不使用沙箱环境,脚本会直接运行在网页的环境中,这时候无法使用大部分油猴扩展的API。如果不指定的话,油猴会默认添加几个最常用的API

require

如果脚本依赖其他js库的话,可以使用require指令,在运行脚本之前先加载其他库,常见用法是加载jquery

connect

当用户使用GM_xmlhttpRequest请求远程数据的时候,需要使用connect指定允许访问的域名,支持域名、子域名、IP地址以及*通配符

updateURL

脚本更新网址,当油猴扩展检查更新的时候,会尝试从这个网址下载脚本,然后比对版本号确认是否更新

脚本权限

下面简单介绍一下grant指令那里可以填写的一些权限,详情请查看 油猴脚本文档。这里就简单介绍几个常用的,可以调用的函数全部以GM_作为开头。

权限名

功能

unsafeWindow

允许脚本可以完整访问原始页面,包括原始页面的脚本和变量。

GM_getValue(name,defaultValue)

从油猴扩展的存储中访问数据。可以设置默认值,在没成功获取到数据的时候当做初始值。如果保存的是日期等类型的话,取出来的数据会变成文本,需要自己转换一下。

GM_setValue(name,value)

将数据保存到存储中

GM_xmlhttpRequest(details)

异步访问网页数据的API,这个方法比较复杂,有大量参数和回调,详情请参考官方文档。

GM_setClipboard(data, info)

将数据复制到剪贴板中,第一个参数是要复制的数据,第二个参数是MIME类型,用于指定复制的数据类型。

GM_log(message)

将日志打印到控制台中,可以使用F12开发者工具查看。

GM_addStyle(css)

像网页中添加自己的样式表。

GM_notification(details, ondone), GM_notification(text, title, image, onclick)

设置网页通知,请参考文档获取用法。

GM_openInTab(url, loadInBackground)

在浏览器中打开网页,可以设置是否在后台打开等几个选项

还有一些API没有介绍,请大家直接查看官方文档吧。

编写脚本

请等我慢慢更新哦,我也是自学,请大家多给些时间,我会尽力的,从简到难,咱们一起一步一步地走上巅峰。