2022年学习《油猴脚本的编辑》教程自编脚本.docx

《2022年学习《油猴脚本的编辑》教程自编脚本.docx》由会员分享，可在线阅读，更多相关《2022年学习《油猴脚本的编辑》教程自编脚本.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、油猴脚本的编辑Tampermonkey,又称Greasemonkey油猴脚本，是一款免费的浏览器 扩展，可用于管理用户脚本，它本质上是对浏览器接口的二次封装 油猴脚本可用于更改页面布局样式、完成页面自动化、去广告、下载 影视等功能，适用于主流的浏览器 官网： tampermonkey, cn.介绍Tampermonkey 特点包含： 内置的编辑器，可以非常方便地管理、编辑用户脚本 支持自动更新检查功能 标签中脚本运行状态速览 可以通过压缩文件、云存储进行脚本备份及还原通过面板新建一个用户脚本，默认会生成一个模板，模板内容如下:Tampermonkey* brJani oe已安知陈新建用户脚本宾

2、祖器文杵访选择否找幡到开发言 rtcr3”2 fnatwNew UserscrlptH tnamsoce : Z/tuperacnkey. rwt/，UfTersicci0.15，/rUscrSptlcn trj to o”r tiw sorldl6f/AUtbcv*You7Utwt6 :/2U ticcndata: isffe/gif； base64. ROIGCO1 hAQA24AAAA1EAABXAAlALAAAAAAfiAAAA2 CTABAOw-9/grantnene：. (functtcnO (use strict;:心 3 8基础模板模板中会预设局部元数据，用于定义脚本的名称、版

3、本号、更新方式、运行页面、权限等功能常见的元数据包含:name -油猴脚本的名称namespace脚本的命名空间，用于确定脚本的唯一性version脚本的版本号，用于脚本的更新description脚本的描述信息author 作者require定义脚本运行之前需要引入的外部JS,比方：jQuerymatch使用通配符执行需要匹配运行的网站地址exclude排除匹配到的网站grant指定脚本运行所属的权限connect用于跨域访问时指定的目标网站域名run-at指定脚本的运行时机icon用于指定脚本的图标，可以设置为图片URL地址或base64 的字符串2.常见API油猴提供了很多强大的API,

4、用于操作缓存及窗口等，如果不需要使 用这些API,可以声明权限为none,即：grant none12-1打印日志用于在控制台中打印日志，便于调试/授权grant GM_log123 45/在控制台打印日志2-2缓存管理GM_log(wHello world*);12345678910111213GM-setvalueGM-getvalueGM deletevalue包含对缓存的新增、获取、删除，在使用之前我们都需要使用关键字grant进行授权笈笈/ ggrant/ /grant/ grant设量装有GM_setva 1 ue(*he 1 loM, true);叁家式存，器认值为trueGM_

5、getvalue(MhelloMJ true);元/式存GM_deletevalue(Mhello)2-3缓存监听有时候，我们需要对缓存中的某个键的值进行监听，当发生变化时,调用一个方法事件 比方，这里新增了一个监听器，对键名为hello的值进行监听123456789101112131415/授权/ ggrantGM-addValueChangeListener/ ggrantGM_renovevalueChangeListener/添加一个监听爱const listener-id = GM_addvalueChangeListener(hello, function(nane, old_va

6、lue, ne if(hello = false)具体的词用方法/.?)监听监听爱GM_removevalueChangeListener(listener_id);2-4翻开一个标签格式：GM openInTab (url, options)该API可用于翻开一个新的标签页面其中，第一个参数用于指定新标签页面的URL地址，第二个参数用于指定页面展示方式及焦点停留页面1 /授权2 / grant GM_openlnTab34 /翻开新天五5 var onpenNewTap = function ()6 翻开互受五元7 /active:true.新标签灵表取灵置售点8 /setParent :t

7、ruu:药标签贡直关闭后.售点重新回到混灵区9 newTap = GM_openlnTab(u s:/wivw.baidu.ccm active: true, setParent :true)10 .2-5跨域请求在授予GM_xml Request权限之后，就可以跨域发送请求了PS：第一次跨域请求时，会弹出请求对话框，需要选中允许，才能正 常进行跨域请求1 /授权2 / ggrantGM_xml Request34 .5 GM_xnl Request(6 url: n : /wivw. bin .org/postM,7 method:* POST8 headers: 9 content-typ

8、e*: Mapplication/jsonM10 311 data:,12 onerrcr:function(res)13 console.log(res);14 315 onload:function(res)16 console.log(res);17 )； 19 .3 .实战一下以某一新闻网站的自动加载下一页为例进行说明目标网站：IGhOdHBzOi8Vd3d3LnBpbmd3ZXN0LmNvbS8二首先，我们使用关键字match指定匹配的网站URL,使用grant 设置权限GM,log,使用关键字run-at指定执行时机为页面加载完 成，即：document-end1/=userscr

9、ipt=2/gname新网查岑更多3/gnamespace4/gversion0.15/glicenseGNU General Public License v3.e6/gdescription自动查假设下一页7/gauthorxingag8/e*match目标网站9/gicon田标iconii址10/grantGM_lCg11/run-atdocument-end12/=/UserScript=13 1接着，添加一个定时任务，获取每一页底部的加载更多按钮12345678910111213141516最后，判断元素存在时，执行点击操作即可(function() use strict,;cons

10、ole.log(location.hcstname:,location.hcstname)if (location. hostname =. pingwest. com*)(setlnterval() = const more-element = document. queryselectcr (M. lead -more-box*). querysele if(ffKre_element)元素写在,点生加菽更多.M)more-element.clickO;卜 2000)；?)()4 .总结本篇文章以一个简单的实例讲解了编写一个油猴脚本的完整流程为了提升开发效率，实际编写脚本可以使用vs Code编译器，安装插件Tampermonkey Snippets后再进行用户脚本开发当然，应对一些复杂的场景，可以借助一些优秀的脚手架框架. com/kinyaying/wokoo npjs. com/package/create-tampermonkey s:/gitub. com/qianjiachun/vue3-tampermonkey