开发基本步骤
工程化开发
正常开发
油猴脚本(Tampermonkey script)是使用 JavaScript 编写的浏览器插件脚本,可以通过向网页注入自定义 JavaScript 代码来实现添加功能或修改页面显示等效果。以下是开发油猴脚本的一般步骤:
- 安装油猴浏览器插件,并启用插件。
- 打开 Tampermonkey 插件的 Dashboard,在菜单中找到新建脚本选项,创建一个新的脚本文件。
- 编写脚本代码,可以参考相关文档或其他油猴脚本的实现,通常需要使用 JavaScript DOM 操作、Ajax 等技术来实现对网页的修改。
- 调试和测试脚本,可以在开发环境中或在实际使用中不断测试和调整脚本的效果。
- 修改脚本的信息,包含脚本名称、描述、版本号等信息。
- 分享发布脚本,将脚本分享给需要的人或发布到各种脚本分享平台中。
需要注意的是,开发油猴脚本需要具备一定的 JavaScript 基础和前端技术知识,同时需要注意脚本的安全性,不要编写恶意脚本或滥用网页资源。
出厂设置
// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://laicj.cn/
// @icon https://www.google.com/s2/favicons?sz=64&domain=laicj.cn
// @grant none
// ==/UserScript==(function() {'use strict';// Your code here...
})();
基本配置
这是一个油猴脚本的配置信息,包含了脚本的基本信息和网页的匹配信息。
name
: 脚本名称。namespace
: 脚本的命名空间。version
: 脚本版本。description
: 脚本描述。author
: 脚本作者。match
: 要匹配的网页地址,其中*
表示通配符,可以匹配任意字符。exclude
: 要排除的网页地址,可以使用通配符。require
: 要引入的 JavaScript 脚本地址。grant
: 脚本的权限配置,包括unsafeWindow
、GM_*
等。
@match
@match
属性是油猴脚本中非常重要的一个属性,用于匹配需要操作的网址。
通常,该属性用于指定需要操作的网址,支持使用通配符 *
、?
、+
及正则表达式,可以方便地匹配多个网址。
以下是一些示例:
- 匹配单个指定网址:
https://www.example.com/
- 匹配指定域名下的所有网址:
https://www.example.com/*
或者只写为https://www.example.com/
- 匹配指定路径下的所有网址:
https://www.example.com/path/*
- 匹配指定网址中的参数:
https://www.example.com/?id=*
或者https://www.example.com/?*
- 匹配多个指定网址:
https://www.example.com/|https://www.example.net/
或者直接写多个 @match - 支持正则表达式:
/^https?:\/\/(www\.)?example\.com/
除了 @match
属性外,其它类似的属性还有:
@include
用于指定需要包含的网址。@exclude
用于指定需要排除的网址。
需要注意的是,匹配的网址需要注意大小写和协议(http/https)等细节,如果不匹配可能导致脚本无法生效。如果要匹配多个网址,可以使用 |
分隔符连接起来。
本文链接:https://my.lmcjl.com/post/20662.html
展开阅读全文
4 评论