油猴脚本快速入门

油猴脚本快速入门

概念定义：最先是 firefox 浏览器上的扩展程序 Greasemonkey。接着 Chrome 浏览器也有叫 Tampermonkey 的扩展程序。 所谓油猴脚本是对这些核心功能一致的浏览器插件上跑的 JavaScript 脚本统称 这些脚本能自定义网页功能 （如优化界面、自动化操作等）

Tampermonkey

这里主要展示 Tampermonkey 脚本的安装和基本使用

1. 安装 Tampermonkey 插件 www.tampermonkey.net/index.php?s…

2. 下载完，启用插件

3. 创建油猴脚本

在管理面板页面，点击新增

4. 编写脚本

参数	解释说明
@name	脚本名称，显示在脚本面板
@namespace	一个注释标签作用，用于开发者进行管理分类
@version	版本号
@description	脚本描述
@author	脚本开发者
@match	脚本生效的匹配规则，定义哪些网址命中脚本
@icon	图标显示于，脚本列表处，编辑页头部
@grant	脚本需要的特殊权限，文章最后列出常用权限

// ==UserScript==
// @name         juejin sign in
// @namespace    https://juejin.cn
// @version      2025-07-14
// @description  掘金自动签到
// @author       You
// @match        https://juejin.cn/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

/**
 * 进行签到
 **/
function twoStepSign() {
  const signBtn = document.querySelector(".signin.btn");
  if (signBtn) {
    signBtn.click();
  } else {
    console.log("已经签到过");
  }
}

function oneStepVisit() {
  if (window.location.pathname === "/") {
    // 首页
    const btn = document.querySelector(".btn.signin-btn");
    btn.click();
  } else if (window.location.pathname === "/user/center/signin") {
    // 签到页
    twoStepSign();
  }
}

window.onload = function () {
  "use strict";
  // 第一步访问到签到页
  oneStepVisit();
};

用户脚本平台

scriptcat.org/zh-CN/ 可以搜索体验，一些常用脚本