油猴脚本

• 基本结构
• 举 3 个典型例子
• 写脚本的套路

写油猴脚本（Tampermonkey/Greasemonkey 脚本）本质上就是写一段能在网页里“插队执行”的 JavaScript

思路很简单：声明 → 匹配网页 → 写逻辑

基本结构

油猴脚本都有一个固定头部，用 // ==UserScript== 开始和结束：

// ==UserScript==
// @name         我的第一个油猴脚本
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  干点小骚操作
// @author       你
// @match        https://www.example.com/*
// @grant        none
// ==/UserScript==

(function () {
  "use strict";
  console.log("脚本已启动！");
})();

几个关键点：

• @match：指定在哪些网页生效
• @grant：申请权限，比如操作剪贴板、跨域请求等
• function(){}：你要写的逻辑就在里面

举 3 个典型例子

1. 去广告小刀 比如 B 站首页有个烦人的横幅广告：

(function () {
  "use strict";
  let ad = document.querySelector(".banner-ad");
  if (ad) ad.remove();
})();

逻辑：找 DOM → 删除 → 页面清净

---

2. 自动点击按钮 有的网站登陆后要点确认才能进：

(function () {
  "use strict";
  setInterval(() => {
    let btn = document.querySelector("#confirmBtn");
    if (btn) btn.click();
  }, 1000);
})();

每秒扫一眼，有按钮就帮你点掉

---

3. 网页增强功能 比如在知乎给每个问题标题加上字数统计：

(function () {
  "use strict";
  let titles = document.querySelectorAll(".QuestionItem-title");
  titles.forEach((t) => {
    let len = t.innerText.length;
    t.innerText = `[${len}字] ` + t.innerText;
  });
})();

数据处理 + DOM 操作，直接让网站多了新功能

写脚本的套路

1. 先搞清 DOM：F12 → Elements → 看元素的 class/id
2. 小步快跑：先在控制台试几行代码跑通，再搬进脚本
3. 掌握 API：常用 document.querySelector、setInterval、fetch 等