我平时上网爱逛各种论坛和新闻站,结果每次都被那些蹦出来的广告烦得不行,搞得页面加载也慢。有一天,看社区里有人提greasemonkey这个工具,说是个浏览器插件能自己写脚本改网页,我就想试试呗。
先是去插件商店搜了greasemonkey,装好启动。界面看着挺简单,但刚开始写脚本时,我就搞砸了。找了个基础模板复制粘贴,结果填错了网址规则,脚本死活不生效。只好查了老教程,一步步学怎么把广告元素的ID识别出来,改成删除操作。折腾半小时才弄明白,原来漏了个分号,脚本总算跑通了。这下子网页广告全消失,页面清爽多了。
第一个方法:批量填表单省时间
接着工作中老要登录后台系统,每次输用户名密码太费劲。我就琢磨能不能自动填。找个别人分享的自动登录脚本,仔细读代码发现它用了个DOM元素定位。我试着在自己的登录页面上把表单ID找出来,复制过去改参数。第一次脚本卡住了没反应,原因是浏览器缓存没清,害我重装greasemonkey才解决。现在点开页面一键搞定,省了来回敲键盘的功夫。
第二个方法:改页面字体大小
有些网站字小得眼瞎,尤其熬夜看文档。我就自己写了个调整字号的脚本。起初不会用CSS样式注入,copy了个模板把font-size属性加进去,结果全局把字调太大,搞得网页全乱了。回头重读手册,改成只针对特定class的元素生效,才恢复正常。现在打开某些站自动放大字体,舒服多了。
第三个方法:加个快捷按钮
为了更方便,我想在网页侧边加个返回顶部的按钮。找了个现成的脚本参考,学着把按钮元素插入DOM树里。但写位置参数时瞎搞了坐标,按钮飘到了屏幕上头,刷新好多次都不对路。后来试了加固定定位,才稳稳贴到角落。点按钮页面滚上去爽快得很。
第四个方法:过滤评论垃圾
论坛里水军评论一多看着就头痛。我琢磨过滤掉关键字脚本。从社区摘了段文本匹配代码,输入一堆敏感词列表。结果脚本效率太低,页面卡半天。问了老司机,优化成正则表达式匹配才算流畅。现在烦人评论全消失,清净不少。
第五个方法:自定页面布局
试着重新排布网页区块。copy了个移动元素的模板,想拖拽左边导航栏到右边。直接动手改offset值,把整个div给弄没了。重新debug才发现,元素父子关系搞错,加个overflow属性才算稳住。页面变得顺手多了,再也不用手动拖来拖去。
搞完这五招,greasemonkey成了我上网必备神器。虽然过程跌跌撞撞出过不少错误,但总结下来这些方法真正实用:去广告、填表单、改字体、加按钮、滤内容。花点时间磨脚本值了,现在浏览网页顺畅得很,就像给浏览器装了个小管家。