【Tampermonkey】第一章：Tampermonkey简介 - 让网页听你的

Albert_Lsk

已于 2025-04-17 15:18:54 修改

阅读量1.1k

点赞数 24

分类专栏： Tampermonkey 文章标签：插件油猴 tampermonkey 教程 AI编程

于 2025-04-17 11:52:58 首次发布

本文链接：https://blog.csdn.net/AlbertDS/article/details/147300637

版权

Tampermonkey 专栏收录该内容

2 篇文章

订阅专栏

第一章：Tampermonkey简介 - 让网页听你的 🚀

你是否曾经遇到过这样的情况：

每天都要在同一个网站上重复相同的操作？
某个网站的广告实在太烦人了，想要彻底屏蔽？
网页的某个功能不太好用，希望能改进一下？
想要在特定网站上添加新功能，让它更符合你的需求？

如果你有这些需求，那么恭喜你，Tampermonkey正是为解决这些问题而生的！🎉

什么是Tampermonkey？

Tampermonkey（油猴）是目前最流行的用户脚本管理器，支持包括Chrome、Edge、Firefox、Safari等主流浏览器。它允许你在特定网页上运行自定义的JavaScript代码，从而实现对网页的功能增强、界面美化或自动化操作。

![Tampermonkey图标和界面示意图]
（图：Tampermonkey的图标是一个可爱的猴子头像，安装后会出现在浏览器右上角）

什么是用户脚本？

用户脚本（UserScript）本质上是一段JavaScript代码，它们被设计为在你访问特定网页时自动运行。用户脚本通常以.js为扩展名，并包含一个特殊的头部信息，告诉脚本管理器（如Tampermonkey）在哪些网站上运行这段代码。

一个简单的用户脚本可能看起来像这样：

// ==UserScript==
// @name         我的第一个脚本
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  为某网站添加一个便捷功能
// @author       你的名字
// @match        https://www.example.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    // 这里是你的代码
    alert('Hello, World!');
})();

这段代码的作用很简单：当你访问https://www.example.com/及其下的任何页面时，浏览器会弹出一个显示"Hello, World!"的对话框。
在这里插入图片描述

为什么用户脚本能提高效率？💪

1. 自动化重复操作

想象一下，你每天都需要在某个系统中填写同样的表单数据。通过用户脚本，你可以实现一键填表，节省大量时间和精力。

2. 优化浏览体验

很多网站的设计并不完美，可能存在导航不便、广告过多或布局混乱等问题。用户脚本可以帮你改造这些网站，让它们更加符合你的使用习惯。

3. 增强网站功能

有时候，我们希望网站能有某个功能，但官方并没有提供。比如在视频网站添加下载按钮，在论坛添加屏蔽特定用户的功能等。用户脚本可以轻松实现这些功能增强。

4. 数据提取与处理

如果你需要从网页中提取特定数据（如价格信息、联系方式等），用户脚本可以帮你自动完成这项工作，甚至可以将数据整理成你需要的格式。

Tampermonkey的安装方法 🔧

安装Tampermonkey非常简单，只需要几步操作：

Chrome浏览器安装步骤

打开Chrome网上应用店: Chrome Web Store
点击页面上的"添加至Chrome"按钮
在弹出的确认窗口中点击"添加扩展程序"
安装完成后，浏览器右上角会出现Tampermonkey的图标

![Chrome安装Tampermonkey示意图]

（图：Chrome浏览器安装Tampermonkey的界面示例）

Firefox浏览器安装步骤

访问Firefox附加组件网站: Mozilla Add-ons
点击"添加到Firefox"按钮
在弹出的确认窗口中点击"添加"
安装完成后，浏览器工具栏会出现Tampermonkey的图标

Edge浏览器安装步骤

访问Microsoft Edge插件商店: Edge Add-ons
点击"获取"按钮
在弹出的确认窗口中点击"添加扩展"
安装完成后，浏览器右上角会出现Tampermonkey的图标

Safari浏览器安装步骤

访问Mac App Store: Mac App Store
点击"获取"按钮（可能需要Apple ID登录）
安装完成后，在Safari的偏好设置中启用Tampermonkey扩展
启用后，Safari的工具栏会出现Tampermonkey的图标

安装后的初步体验

成功安装Tampermonkey后，你可以点击浏览器右上角的猴子图标，会看到一个下拉菜单。在这里，你可以：

查看已安装的脚本
检查脚本更新
创建新脚本
搜索脚本
访问Tampermonkey的设置页面

![Tampermonkey菜单示意图]

（图：点击Tampermonkey图标后的下拉菜单界面）

用户脚本的获取途径

获取用户脚本的方式主要有两种：

1. 使用现成的脚本

互联网上有大量用户分享的脚本可供下载使用。以下是几个主要的脚本分享平台：

Greasy Fork - 最流行的用户脚本分享网站之一，提供中文界面
OpenUserJS - 另一个知名的脚本分享平台
Sleazyfork - Greasy Fork的姐妹站点，主要分享成人内容相关的脚本

在这些网站上，你可以搜索需要的脚本，查看评分和评论，然后一键安装。

2. 自己编写脚本

当然，最符合个人需求的脚本往往是自己编写的。别担心，即使你没有编程基础，跟随本教程的后续章节，你也能学会创建实用的脚本。

一个简单实例：自动跳过广告

为了让你对用户脚本有一个直观的了解，这里分享一个简单的例子 - 自动跳过视频网站的广告：

// ==UserScript==
// @name         自动跳过视频广告
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  自动点击某视频网站的"跳过广告"按钮
// @author       你的名字
// @match        https://www.examplevideo.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    
    // 每秒检查一次是否存在"跳过广告"按钮
    setInterval(function() {
        // 查找包含"跳过广告"文字的按钮
        const skipButton = Array.from(document.querySelectorAll('button')).find(
            button => button.textContent.includes('跳过广告')
        );
        
        // 如果找到了按钮，就点击它
        if (skipButton) {
            skipButton.click();
            console.log('已自动跳过广告!');
        }
    }, 1000);
})();