火药猴：浏览器里的智能机械臂

上周三下午，我在咖啡店遇见刚入职的实习生小林。她正对着电脑屏幕抓耳挠腮，二十几个浏览器标签页像俄罗斯方块般堆叠着。"这破网站每次都要手动点十几次才能导出数据..."她猛灌了口冰美式，键盘敲得噼啪响。我瞥了眼她发红的眼角，神秘兮兮地说："听说过能让浏览器自己干活的火药猴吗？"

初识浏览器里的机械手臂

火药猴脚本（Greasemonkey）就像给浏览器装了智能机械臂。2005年诞生的这个老伙计，比你现在用的Chrome浏览器还年长6岁。它的绝活是让普通用户也能定制网页体验——就像给每个网站准备了个私人裁缝。

• 实时缝补：加载页面时自动修改内容
• 万能钥匙：破解网站功能限制
• 私人助理：自动填写表单、跳过验证码

工作原理三明治

想象你在三明治店点单：

1. 厨师（浏览器）开始制作网页三明治
2. 调料师（火药猴）突然挤进来
3. 在生菜层加辣酱（修改DOM）
4. 给面包片刻花纹（注入CSS）
5. 最后撒上魔法芝士（执行JavaScript）

安装三步曲

上周我教邻居王大爷安装时，他嘟囔着："这玩意比设置智能马桶简单多了！"

选择你的坐骑

不同浏览器要搭配对应的"鞍具"：

• Firefox：直接官网安装Greasemonkey
• Chrome：需要Tampermonkey扩展
• Edge：推荐Violentmonkey

第一次亲密接触

装完扩展后，在地址栏输入about:addons，看到小猴图标对你眨眼就成功了。就像微波炉装上烧烤功能，你的浏览器突然多了个隐藏工具栏。

第一个脚本诞生记

让我们做个让淘宝商品图自动旋转的魔法：

// ==UserScript==// @name        旋转吧！商品图// @match       // ==/UserScript==const images = document.querySelectorAll('.tb-pic img');images.forEach(img => {img.style.transform = 'rotate(5deg)';img.addEventListener('mouseenter',  => {img.style.transform = 'rotate(0deg)';});});

这个脚本会让商品图片微微倾斜，鼠标悬停时恢复原状。保存文件为.user.js后缀，拖进浏览器就像往洗衣机里扔衣服般简单。

调试历险记

初学者常遇到的三个坑：

• 脚本不生效？检查@match地址是否多打了个字母
• 页面元素找不到？试试延迟执行用setTimeout
• 样式被覆盖？在CSS规则后追加!important

进阶玩家的百宝箱

掌握这些API，你就能在网页世界里为所欲为：

记得上次用GM_xmlhttpRequest帮朋友抓取豆瓣电影数据，原本要手动翻50页的内容，现在喝口茶的功夫就进了Excel表格。

安全警戒线

别像隔壁技术部老张那样乱装脚本，结果被钓鱼了。牢记三条军规：

1. 来历不明的脚本比陌生人的U盘更危险
2. 定期审查已安装脚本
3. 敏感操作前关闭脚本

窗外的夕阳把咖啡杯染成琥珀色，小林已经在她电脑上玩起了自动抢会议室脚本。"原来编程可以这么有趣！"她眼睛发亮的样子，让我想起十年前第一次发现代码魔力的自己。桌上的拿铁渐渐凉了，浏览器地址栏里的小猴图标仍在欢快地眨眼睛。