油猴脚本开发自用教程

开发基本步骤

工程化开发

https://github.com/lisonge/vite-plugin-monkey

正常开发

油猴脚本(Tampermonkey script)是使用 JavaScript 编写的浏览器插件脚本,可以通过向网页注入自定义 JavaScript 代码来实现添加功能或修改页面显示等效果。以下是开发油猴脚本的一般步骤:

  1. 安装油猴浏览器插件,并启用插件。
  2. 打开 Tampermonkey 插件的 Dashboard,在菜单中找到新建脚本选项,创建一个新的脚本文件。
  3. 编写脚本代码,可以参考相关文档或其他油猴脚本的实现,通常需要使用 JavaScript DOM 操作、Ajax 等技术来实现对网页的修改。
  4. 调试和测试脚本,可以在开发环境中或在实际使用中不断测试和调整脚本的效果。
  5. 修改脚本的信息,包含脚本名称、描述、版本号等信息。
  6. 分享发布脚本,将脚本分享给需要的人或发布到各种脚本分享平台中。

需要注意的是,开发油猴脚本需要具备一定的 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: 脚本的权限配置,包括 unsafeWindowGM_* 等。

@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)等细节,如果不匹配可能导致脚本无法生效。如果要匹配多个网址,可以使用 | 分隔符连接起来。

你可能感兴趣的:(javascript)