在最近的更新中,微软出品的 Edge 浏览器更新了插件目录,继二月支持安装扩展后,(又一次)先于 Chrome 支持了用户脚本管理器 Tampermonkey。在这篇文章中,我将就两个主要话题继续分享一下:一个是移动端浏览器如何使用用户脚本,另一个则是一些脚本的推荐。📱
移动端浏览器使用用户脚本
想要在移动端浏览器使用用户脚本,我们一般而言有两类选择:一是使用支持扩展插件的浏览器,通过安装扩展插件(如 Tampermonkey)来支持用户脚本;而如果浏览器不支持扩展插件,则可以直接支持用户脚本。这里本来想展开写一下,但是发现 jijiali 和克莱德珠玉在先。我这里就只详细聊聊刚刚加入支持的 Edge。下面是目前支持扩展插件的主要 Android 浏览器列表。此外,最近还有这个浏览器值得一看——Iceraven:基于火狐同款的 Gecko 内核开发,支持扩展程序(Firefox 应用商店),如果你下载 Iceraven 会发现这两个界面几乎都一样,甚至 Iceraven 还支持火狐账户同步。题外话:你可能会纳闷,Iceraven 和 Firefox 有什么区别呢?
根据 Iceraven 自己的介绍,它有两个核心的区别:Iceraven 可以访问 about:config 页面来做一些修改和调整
- Firefox 只限制了部分附加组件在 Android 端使用,Iceraven 支持更多的附加组件。
▍Edge 适配用户脚本管理器 Tampermonkey2024 年 2 月,Edge 的 Android 版终于提供了对浏览器插件的支持,移动端的插件商店基于 Edge 加载项商店,采用精选制,只开放了 Dark Reader 黑暗模式优化、Global Speed 为音视频设置播放速度和 uBlock Origin 广告过滤三个插件。到 11 月初,Edge 移动端的支持名单扩增到 8 个,其中就包括了脚本管理器 Tampermonkey 篡改猴。为什么要关注 Edge for Android?
早在三四年前,就已经有浏览器开始以支持插件、用户脚本作为卖点了。Edge 今年才开始姗姗来迟,确实是赶了个晚集。但作为微软开发的浏览器,Edge 可以共享微软的生态能力(账号管理、Drop、密码、书签),如果你在 PC 环境下也使用 Edge ,在 Android 环境下使用是个不错的选择。而且晚来总好过不来。Chrome 作为浏览器行业的老大哥,这么多年了移动版的扩展能力一直不上线,让多少用户望眼欲穿。Edge 作为基于同一个内核的二哥,推出这个功能颇有种「东厂不敢管的事我管」的气魄。Edge for Android 扩展使用体验
Edge 的思路类似 Firefox,为移动端专门呈现了一个精选过的推荐列表,但它更加严格,基本不给一般用户安装额外扩展的机会,一定程度上也能避免出现大的问题。在安装完毕后,触发扩展的方式也有所区别,Edge 的做法是从底部升起一个弹层,加载插件的 popup 面板,比如 Tampermonkey 就可以在弹出层直接开关脚本。Kiwi 则是单独加载了一个新的标签页。相对来说 Edge 做法体验更好一些,毕竟这样可以更方便的找到脚本的对应关系。不过直接修改 Tampermonkey 的启用状态反而会拉起一个新的标签页,希望 Edge 能改进一下这点。尝试了几个常用的用户脚本,它们都可以正常工作,只是对比桌面版本的浏览器而言,看不到具体的加载状态,以及有些脚本对移动版网页显示适配不是很好,运行问题不大。值得一提的是,目前 Tampermonkey 版本已经更新至了 5.3.2。该版本已经支持了 Manifest V3。Manifest 是 Chrome 生态下的 app 和扩展需要遵守的 API 规范,尽管 V3 规范在 2018 年就已经宣布,但是因为开发者和社区的剧烈反应,Chrome 一再推迟 V3 的强制落地时间,直到 23 年终于宣布了 V3 将于 2024 年的 6 月份开始强制执行。我在 Chrome 市场里过去提交的那一批扩展,都因为没有及时更新而被下架了。- 取消后台常驻服务,而改为非常驻的 Service Worker。目的是降低资源使用。
- 对网络请求监听的限制,对广告拦截插件而言是重大打击。
其中第四点对用户脚本的生态影响很大,原先安装、配置插件的流程只需要在商店中操作即可,现在还要额外打开这个开关,给引导普通用户带去麻烦,何况不少移动版浏览器中压根就没有安排「开发者模式」的开关。Edge for Android 目前的做法是在安装 Tampermonkey 后跳出提示要求勾选开发者模式,成功安装后,在扩展页的右上角会多出一个齿轮图标放置模式开关,对一般用户比较友好。相对来说,支持用户脚本的移动端浏览器更多,对于浏览器开发者来说,只要适配一下用 Javascript 写的用户脚本就可以了。这些脚本经过很多年的沉淀,已经有了一套比较好的规范,加上也有比较完善的脚本分发渠道,因此开发者也完全不需要考虑上述应用商店上架、发布、审核的问题。我在几个官方的应用商店找了找,有不少这样的浏览器:以 Via 浏览器为例,其主打功能是轻量,安装包体积非常小。Via 浏览器刚上线的时候,不到 200kb 的体积确实非常惊艳。能做到这一点的原因是 Via 没有在安装包内放进浏览器内核,而是使用了你手机上 Android 系统的 WebView。我找到了 Via 官方的插件商店,不知道为何里面只有一个插件,叫做 Clickable text link,其作用就是让网页中看起来能点的 url 真的变成能点击的状态。具体这个插件的代码是以 base64 的格式渲染在 html 标签中,可以看出来以这个插件大概是这样的:- 没有按照 Userscript 的普遍格式来写头部,因为这个网页用了一个Via浏览器自己的安装方法 “window.via.addon()”,传入一个加密过之后的 js 就可以安装了。
- 用正则表达式判断网页中的文本是否有各种 url 的头部。
- 如果判断通过了,给原位置插入一个超链接的 html 替换。
同时 Via 还支持自定义设置和插件,甚至还有人开发了第三方的插件商店。这个插件同时还支持 iOS 平台的 alook 浏览器等,这里我尝试安装一下这个「网页复制限制解除」的插件给大家看一下,点击安装之后自动弹出一个安装器来:可以看出,这个插件唯一的作用,就是给页面中插入了一段 Javascript 代码,这段代码其实就是网页限制解除这个 Userscript,可以说是很直白了……其他的几个脚本也都符合 Userscript 规范,是可以直接运行的那种。题外话:在试用这一堆浏览器的过程中,我发现了个问题,不少浏览器的界面设计惊人的相似,而且对于用户脚本的添加和导入流程也是一样的,不知道大家是不是在互相借鉴?
综上所述,上面的所有浏览器可以整理为下面这个表格。移动端浏览器毕竟涉及到你的个人隐私安全等等,如果你对其他浏览器都不太熟,我还是建议你用 Firefox 或 Edge。看到这里,告诉大家一个揪心的事实:上述的所有浏览器都是 Android 平台的。如果你想在 iOS 或者 iPad OS 平台使用浏览器,哪怕是上面讲过的 Firefox 或者 Yandex,都不支持扩展插件或者用户脚本。原因可能是因为在 iOS 平台依赖 WebKit 的内核,而不能使用 Firefox 自己的浏览器内核,因此比较难进行适配。经过一些搜索,我在商店中找到了几款能支持用户脚本的浏览器:- Gear 浏览器:可以直接从脚本网站(如 GreaseFork)上安装用户脚本。订阅制收费。使用方法见 Tp 写的 这篇文章。
- Alook 浏览器:自定义设置中有一个「JavaScript 扩展」的功能。买断制。
除此之外确实没有什么比较好的选择,商店里可以搜出来几个奇怪的浏览器,没敢下载。所以这里还是以 Gear 为例,展示一下使用方法:- 找到你想要安装的脚本,这里还是以「少数派作者激励器」为例,为了更好的演示移动端的效果,我偷偷加了点代码,升到了 0.2 版本。
- 点击「安装脚本」,由于 Gear 没有一个单独管理脚本的入口,可以点击网页中间的「安装此脚本」进入下一步。Gear 会自动判断脚本,弹出一个安装的确认界面。
- 这里直接安装就可以了,安装之后,可以访问任意一篇文章,比如油猴脚本使用指南或者本文都可以。你看到我改了什么地方了吗?
⚙️
脚本推荐
脚本推荐这一部分稍微有点薄弱。和少数派上大量分享浏览器插件的内容相比,油猴脚本的体量其实非常有限。这里精选了几个有点意思的脚本供大家体验,主要都是电脑平台使用的脚本,移动端的脚本我确实用得也不多。最后还是要提醒,脚本的安全性需要大家自己判断。🔗 https://greasyfork.org/zh-CN/scripts/24508-userscript-show-site-all-userjs在上一篇文章中我们有讲过,用户脚本除了「天生」能力受限,不同使用者对于脚本的需求其实也各不相同。理论上来说,我们很难找到那种能够满足特别大众化需求的脚本(除非是破解、挂机等本文不便展开的那种)。因此授人以鱼不如授人以渔,与其在一篇文章中做到穷尽,不如将寻找用户脚本的通法教给大家。如果你刚刚接触到油猴插件和脚本、不知道哪些脚本值得安装,Userscript+ 这个脚本完全可以作为你的入门向导。安装并启用 Userscript+ 之后,我们唯一需要做的事就是照常浏览网页。Userscript+ 会在网页浏览过程中自动检测可用于当前页面的用户脚本,如果有可用脚本,浏览器右下角则会在加载完成时弹出提示,展开面板后便能看到所有可用的浏览器脚本。值得注意的是,Userscript+ 的检测理论上来说是针对域名的,因此你很有可能在百度首页检测到用于百度网盘、百度文库等同一域名下其它产品的用户脚本,使用时需要根据实际需求和对应页面仔细甄别;另外 Userscript+ 所捕获到的可用脚本数量不少,大家可以根据更新时间挑选仍在维护且功能稳定的进行安装。🔗 https://greasyfork.org/zh-CN/scripts/28497-%E7%BD%91%E9%A1%B5%E9%99%90%E5%88%B6%E8%A7%A3%E9%99%A4-%E6%94%B9不少网站会限制网页自带的复制功能,或者不让大家使用右键等,对说的就是你 xx 文库。如果经常需要找一些资料,这个脚本应该对你很有用。其实这样的限制在技术上其实只是用 Javascript 阻塞了大家的复制操作,破解起来也并不算复杂,网页限制解除这个脚本就是为此而生的。其中核心的部分是如下的几行代码:// 复制到剪贴板
function setClipboard(){
var text_obj = window.getSelection();
var text = text_obj.toString();
GM_setClipboard(text);
}
除了这部分代码外,这个其他大部分的代码都是做网站匹配,以及对抗一些奇奇怪怪的网站的防复制逻辑的。这里要注意的是部分网站会写一些定制化的干扰代码,导致无法运行,甚至会影响你的正常浏览,你可以在脚本管理器中暂时关掉这些脚本。🔗 https://greasyfork.org/zh-CN/scripts/381682-html5%E8%A7%86%E9%A2%91%E6%92%AD%E6%94%BE%E5%99%A8%E5%A2%9E%E5%BC%BA%E8%84%9A%E6%9C%AC大家经常上网课的时候,使用学校做的网页,这些网页中视频播放器的功能一般都比较简单,甚至连倍速播放这个功能可能都没有。对于这样的场景,使用播放器增强脚本,就可以提升你的使用体验了,按照作者的说法,这个脚本主要有以下的功能:以网易公开课的页面作为实例,大家可以看到我缩放并且位移了视频播放器的位置:需要提醒大家的是,这个脚本对于一些高度定制化的视频网站不起作用,如 Bilibili、爱奇艺等等。以上的三个脚本都是给界面中增加内容的,接下来介绍的三个脚本则是给网页「减负」的。🔗 https://greasyfork.org/zh-CN/scripts/14178-ac-baidu-%E9%87%8D%E5%AE%9A%E5%90%91%E4%BC%98%E5%8C%96%E7%99%BE%E5%BA%A6%E6%90%9C%E7%8B%97%E8%B0%B7%E6%AD%8C%E5%BF%85%E5%BA%94%E6%90%9C%E7%B4%A2-favicon-%E5%8F%8C%E5%88%97或许是受商业策略调整的影响,有一段时间百度和 Google 都开始对搜索结果进行重定向,对用户来说,点开搜索结果后被迫二次跳转的体验就差了很多,而且也不能方便地复制搜索结果中的链接来直接使用。使用这个脚本就可以解决这个问题。作者还写了大量的附加功能,比如搜索页面背景,重新写了界面样式,支持双排、移除广告等等。为了让大家看到区别有多明显,这里我把能打开的所有选项都打开了。但 AC-baidu 这个脚本在加载过程中会闪动一下,往往会先加载原格式的界面(零点几秒内),然后再展示成右侧的界面,对这一点比较介意的同学可以考虑别的过滤脚本方案。药方 的全称是 Yet Another Weibo Filter,主要的功能是精简微博网页版的功能,譬如推广、粉丝头条、爱问医生啥的。药方的配置项目也比较多,安装之后点击顶部的漏斗状图标就能看到:这里有非常多的选项,可以过滤不想看的微博或作者,也可以屏蔽界面中指定的模块。这里我为了找一个极致清爽的界面,勾选了全部,界面中果然干净了不少。对了,如果你已经切换到了新版微博,药方的支持效果可能会差一些。这个脚本和药方很类似。知乎网页端受商业化的「洗礼」, 也充斥着不少影响阅读的功能和模块,用这个脚本可以优化一些功能,比如移除登录弹窗、首页视频,屏蔽盐选内容,净化标题信息,站外直接跳转等。下图左侧是优化前的界面,右侧是优化后的,可以看到精简了不少内容。过去几年上知乎比较多,这几年知乎算是用的越来越少了不得不承认,随着技术的发展,桌面端的用户脚本功能慢慢被浏览器插件所替代,好在移动端的用户脚本还能继续发光发热一段时间。如果你找不到合适的脚本,可以考虑学习一些简单的 Javascript 小知识,动手写几行代码就能定制一个最符合你的需求的用户脚本。https://sspai.com/post/70571?utm_source=wechat&utm_medium=social