油猴脚本开发第1天：基础入门
一、油猴脚本简介
油猴脚本（UserScript）是一种可以修改网页功能的 JavaScript 代码，通过浏览器插件（如 Tampermonkey）运行。常见用途包括：
- 广告屏蔽
- 自动填充表单
- 网页布局优化
- 数据抓取与处理
二、安装 Tampermonkey 插件
- Chrome 浏览器： 访问 Chrome 应用商店，点击 "添加至 Chrome"。
- Firefox 浏览器： 访问 Firefox 附加组件，点击 "添加到 Firefox"。
三、创建第一个油猴脚本
- 打开 Tampermonkey 面板点击浏览器工具栏中的 Tampermonkey 图标 → 选择 "创建新脚本"。
- 编辑脚本模板每个油猴脚本由两部分组成：
-
- 元数据（Metadata） ：定义脚本名称、匹配网址等
- 脚本主体：实际执行的 JavaScript 代码
// ==UserScript==
// @name 我的第一个油猴脚本
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 展示基本功能
// @author You
// @match https://example.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 这里编写你的代码...
alert('脚本已运行！');
})();
- 保存并测试脚本
-
- 按
Ctrl+S保存脚本 - 访问
https://example.com（或你在@match中指定的网址） - 页面加载后会弹出提示框
- 按
四、元数据
| 元数据 | 作用 | 示例 |
|---|---|---|
@name | 脚本名称 | @name 网页美化工具 |
@namespace | 脚本命名空间（唯一标识） | @namespace yourdomain |
@version | 脚本版本号 | @version 1.0 |
@description | 脚本描述 | @description 移除广告 |
@match | 匹配的网址 | @match https://*.com/* |
@exclude | 排除的网址 | @exclude https://example.com/admin |
@grant | 请求特殊权限 | @grant GM_log |
五、常见问题
- 脚本不运行？
-
- 检查
@match规则是否正确 - 在 Tampermonkey 面板确认脚本已启用
- 检查
- 如何调试脚本？
-
- 按
F12打开开发者工具 → 切换到 "控制台" 标签 - 使用
console.log()输出调试信息
- 按
