龙空技术网

iOS 15 支持 Safari 扩展了,这 10+ 个应用值得一试

少数派 4947

前言:

而今你们对“ios应用html5”可能比较关怀,看官们都想要知道一些“ios应用html5”的相关文章。那么小编同时在网上收集了一些有关“ios应用html5””的相关内容,希望兄弟们能喜欢,大家快快来学习一下吧!

在 iOS 15 中,Safari 浏览器迎来了重大变化。除了饱受争议的界面更新外,Safari 浏览器还向 macOS 版本看齐,加入了对第三方扩展的支持。随着 iOS 15 正式版的上线,我们也为你搜集了 App Store 上 14 个好用的 Safari 扩展,希望能帮你把 Safari 变得更好用。

如何管理 Safari 扩展

在下载支持 Safari 扩展的 App 后,你可以点击 Safari 浏览器地址栏左侧的扩展图标后,在「管理扩展」选项中开启需要运行的扩展功能,并对其可以读取和修改的网页进行约束。

在 Safari 浏览器中管理扩展

此外,你也可以在「设置-Safari 浏览器-扩展」中对不同插件的开关和权限进行选择。

与此同时,App Store 的 「应用」 标签页中也增加了对应的分类。经过我的实际体验,这些 App 的 Safari 浏览器扩展提供了令人眼前一亮的功能。

密码管理1Password

早在 2018 年,iOS 12 中新提供的 API 就为第三方密码管理 App 赋予了和系统自带钥匙串功能平起平坐的能力。通过键盘上的选词栏,1Password 无需在应用间跳转,即可实现自动填充密码和一次性验证码、查找和创建账户等功能。而现在借助全新的 Safari 浏览器扩展,1Password 的使用体验得以更加接近桌面端。

在开启扩展后,当你在网页上进行注册时,1Password 会在下方提供「在 1Password 中保存」的选项,从而让你可以更为便捷地将账户信息添加至 1Password 中;而在输入登录信息后,1Password 还会询问是否将当前的登录信息保存至 App 中,从而避免了在 App 中手动输入相关内容的麻烦。

在下次登陆时,1Password 会用同样的方式显示已经保存的用户名,点击即可将账户信息自动填充至当前页面。值得一提的是,如果你在 1Password 中设置了该账户的两步验证,1Password 扩展还会自动将一次性密码填充至对应位置,从而省去了此前手动粘贴的步骤。

此外,你也可以在点击地址栏的扩展图标后,选择 1Password 的图标,从而在 Safari 浏览器中打开一个近似 1Password 应用本身的窗口。你可以在其中搜索账户,或是根据需求创建新的密码。

目前唯一的问题是,Safari 浏览器中的 1Password 页面并没有像应用本身那样,提供基于面容 ID 或触控 ID 的解锁方式,而只能通过输入主密码的方式打开。你可以在 1Password 应用中的「设置-Safari Extension-在此后需要授权」中修改 1Password 扩展需要密码的间隔时间。

你可以在 App Store 中免费下载 1Password。应用的高级功能需要订阅。

搜索工具xSearch

熟悉少数派的读者一定对 macOS 平台的 Alfred、LaunchBar 等应用不陌生。这些效率启动器最容易上手的功能,就是自定义网络搜索引擎。通过在应用内为常用的搜索网站添加关键词,即可通过输入「关键词+搜索内容」的方式,快速地在选中的网站上进行搜索。

利用 Alfred 进行搜索

而此前,要在 iOS 平台上实现类似的功能,则往往需要利用快捷指令 App。然而相比桌面端的方式,创建快捷指令的上手难度更高,在实际使用时也不够方便。而 xSearch 则提供了一种更为便捷的实现和使用。

xSearch 内置了不少搜索引擎,你可以根据需求来进行增删。xSearch 在右上角提供了两种添加搜索引擎的方式。但首先,你需要知道所添加搜索引擎的 URL。

我曾在 这篇文章 中简单介绍了搜索引擎 URL 的构成,并提供了一些常见的搜索引擎链接。你还可以根据文章中的指引,通过增加搜索语法的方式进行更为精准的搜索。

以少数派为例,站内的搜索 URL 为 。你可以点击应用右上角的第一个图标,输入自定的搜索引擎命名和使用关键词,并将 URL 粘贴至对应位置,就完成了一次设置。

或是用这种方式获得更准确的搜索结果

此外,你也可以使用第二个图标,分别输入搜索引擎的域名(Domain Name)、路径(Path)和检索名称(Query Name)来完成设置。对于少数派来说,这三部分分别为「sspai.com」、「search/article」和「q」。

在完成设置并打开对应扩展后,只需要在 Safari 浏览器的地址栏中输入「关键词 检索词」,即可在对应的搜索引擎中搜索关键词。

使用效果

你可以在 App Store 中下载 xSearch,应用售价 12 元。

暗色模式

尽管苹果在 iOS 13 中就已经引进了暗色模式,但不少第三方应用和网页的适配依然遥遥无期。即使是 Google,其旗下的全系产品页面也并没有提供暗色模式。现在,你可以借助第三方扩展来解决 Safari 浏览器里的这些「钉子户」。

Noir

Noir 是一款非常容易上手的 App。下载 App 后,在设置中开启对应的拓展即可开始使用。Noir 默认会与系统的暗色模式状态同步,你也可以在应用中根据需要进行手动开关。

此外,你还可以在 Safari 浏览器中,点击地址栏的扩展图标后修改 Noir 的设置。在这种情况下,你所做的调整只会针对当前网站生效,而不会影响全局设定。

在开启暗色模式后,Noir 默认会将页面的浅色背景转换为深灰色。这样的调整也相对符合 Google 和苹果的设计规范。当然,你也可以在应用中将「Theme」修改为「Black」,从而将背景色更改为纯黑色。

左:开启 Noir 之前;右:开启 Noir 之后

实际使用中,Noir 的表现效果相当优秀,在很大程度上避免了未适配页面在暗色模式下的刺眼问题。修改背景色后的页面也相对正常,不存在颜色翻转带来的不协调问题。不过,由于 Noir 依然只是相对机械地进行颜色替换,并无法避免由此带来的页面层级与颜色明暗不匹配的问题。关于这方面的进一步讨论,可以参考少数派的 这篇 文章。但瑕不掩瑜,Noir 依然是一款足够出色的第三方解决方案。

你可以在 App Store 下载 Noir,应用售价 18 元,无内购。

Turn Off the Light

相较于 Noir,Turn Off the Light 为用户提供了更大的自由度。在开启扩展后,通过在应用内点击「管理选项」,即可在跳转后的页面中对扩展效果进行调整。点击左上角的菜单键后,你可以对全局暗色模式、YouTube 视频播放等进行详细的设置。

应用设置入口

你可以自定义暗色模式下背景、文字、链接、页面按钮等不同模块等颜色,还可以调整启用时间、适用网站等。不过,相较于 Noir,Turn Off the Light 的设置页面颇为繁杂,无法做到「开箱即用」,且很多功能明显是直接从其桌面端移植而来,并不一定适用于 iOS 设备的情况。此外,应用目前也没有中文支持。如果你对暗色模式有着较高的自定义需求,可以尝试使用这款扩展。对于更多的用户,Noir 可能是一个更为便捷的选择。

你可以在 App Store 免费下载 Turn Off the Light。

内容拦截1Blocker

1Blocker 和 AdGuard 一直是 iOS 平台的两款主流内容拦截工具。相较于 AdGuard 颇为迟缓的动作,1Blocker 在第一时间适配了新的 Safari 浏览器扩展功能,推出了新的 1Blocker Script 扩展。

根据 1Blocker 的介绍,相较于此前 Safari 浏览器提供的内容拦截 API,新的扩展功能让团队得以为 1Blocker 赋予更强大的内容屏蔽功能。新的 1Blocker Script 扩展没有交互页面,目前支持屏蔽 YouTube 视频中的广告。开发团队承诺将在未来的更新中加入更多的功能。

如果你对 1Blocker 还不熟悉,可以在少数派找到相关文章 来进一步了解。1Blocker 可以在 App Store 免费下载,并提供高级版内购。

Super Agent

在浏览网页时,Cookie 设置是一个影响使用体验但又绕不过去的麻烦。在多数情况下,要想阻止网页利用 Cookie 来进行追踪,就需要点击进一步设置,并在新的页面手动调整 Cookie 设置。即使你选择允许网页使用 Cookie,这额外的步骤也颇显多余。

Super Agent 提供了一个更方便的解决方案。在下载应用并开启扩展后,Super Agent 会默认自动拒绝所有的非必要 Cookie。你也可以在其设置页面针对每一类 Cookie 进行自定义。

Super Agent 的设置页面

你可以在 App Store 免费下载 Super Agent。

购物Bring! :一键添加食谱、食材

Bring! 是一款日用品管理工具。在 App 的主页面,Bring! 提供了果蔬、糕点、奶制品、洗化品、宠物用品等一系列的食材、杂货与日用品预设,并在每一栏目下罗列了详尽的商品种类。

Bring! 的主页面

你可以点击商品图标来将其添加到购物清单中,还可以自定义需要的数量等信息。当你完成购买后,在主页再次点击该图标可以将其移除。

不仅如此,Bring! 还在「Inspiration」页面定期更新食谱,并允许用户保存自定义的食谱。你还可以通过邀请其他其他用户的方式组成家庭,从而在家庭成员之间共享购物单和食谱。除此之外,Bring! 还提供了 Web 版和 watchOS 版本,并针对 Siri、快捷指令 App、Alex 和 Google Assistant 等自动化和智能助手工具提供了对应的支持。

而在 iOS 15 版本上,Bring! 的 Safari 扩展插件可以识别并提取当前网页中的食谱。你可以选择将食谱保存至应用,或是将其中涉及到的食材添加到购物清单。

将食谱中的食材添加到应用

尽管 Bring! 应用本身暂时没有提供中文页面,但并不影响其 Safari 插件对中文食谱的识别。不过要完成应用内默认的全部食材的中文版本替换可能会需要花费一定精力。如果你需要这样一款 App,可以在 App Store 中免费下载。

视频控制PiPifier

PiPifier 是一款可以为视频网站开启画中画的插件。实际上,PiPifier 并不是一款新应用。早在 2017 年,少数派就曾 介绍 过 PiPifier 在 iPad 上的应用。遗憾的是,尽管时间已经过去四年,依然有很多网站(包括不少主流视频网站)并不自带对画中画功能的支持。而在新版 Safari 浏览器扩展的支持下,PiPifier 的使用也变得更为方便。

在下载并开启扩展后,你可以在任意以 HTML5 格式播放视频的网站页面,点击地址栏左侧的扩展图标后,在打开的菜单中点击 PiPifier 应用图标,当前视频就会进入画中画模式。

PiPifier 的开启效果

你可以在 App Store 免费下载 PiPifier。应用无内购解锁功能,但你可以选择花 6 元或 12 元捐助开发者。

Vidimote

相较于只提供了画中画模式的 PiPifier,Vidimote 的功能更为全面。和 PiPifier 的使用方法类似,在开启扩展后,只需在 Safari 浏览器的扩展栏点击应用图标,就可以进入 Vidimote 的控制页面。除了选择开启画中画模式,Vidimote 的控制页面还提供了进度条,前进、后退,播放速度等选项,从而更便捷地掌控视频的播放。

你可以在 App Store 下载 Vidimote,应用售价 30 元,无内购。

页面美化PrettyWeb

PrettyWeb 是一款多功能的 Safari 浏览器优化扩展。除了为网页提供暗色模式、屏蔽广告外,PrettyWeb 还可以让用户自定义 Safari 浏览器的启动页面。

在开启该功能后,Safari 浏览器的新标签页会被精简为一个搜索框和背景。你可以在 PrettyWeb 内对背景进行设置,并为搜索框选择默认的搜索引擎。

你可以在 App Store 免费下载 PrettyWeb,部分功能需要内购解锁。

StartPage.ai

StartPage.ai 在开启后,会在 Safari 浏览器的新标签页页面显示最近打开的页面。你可以点击条目跳转,或是快捷地将其关闭。如果你也没有定期清理 Safari 浏览器已打开标签页的习惯,StartPage.ai 可能是一个不错的选择。

StartPage.ai 的开启效果

‎你可以在 App Store 免费下载 StartPage.ai,应用无内购。

Refined GitHub

Refined GitHub 此前是一款开源的桌面端插件。随着 iOS 15 的发布,开发者也适时推出了 iOS 和 iPadOS 版本。

针对 GitHub 页面存在的一些不尽如人意的方面,Refined GitHub 给出了颇多的改进。在 Safari 浏览器中点击扩展图标后,Refined GitHub 的设置页面提供了 213 项功能供用户选择。你可以根据自己的需要和使用习惯来选择是否开启部分功能。实际体验下来,Refined GitHub 提供的了一些相当实用的改进。

例如,在开启「show-whitespace」后,GitHub 在显示代码时,会为空格和 tab 等添加标记;当 merge 发生版本冲突时,「resolve-conflicts」可以让你一键选择如何处理冲突代码;「linkify-code」会自动识别代码注释中的 URL 和 PR 链接,并将其设置为超链接;「conversation-activity-filter」会在 PR 页面提供选项,让你可以只查看未解决的 comment。你可以在应用的 GitHub 页面查看 Refined GitHub 的更多功能。

「show-whitespace」功能

「resolve-conflicts」功能

「linkify-code」功能

综合来看,Refined GitHub 可以很好地提高 iOS 设备在 GitHub 页面的体验,在 iPadOS 上更是格外实用。你可以在 App Store 上免费下载 Refined GitHub,应用无内购。

其他工具Svadilfari

少数派曾详细 介绍 过 macOS 平台上的触控板增强应用 BetterTouchTool。而现在,你可以借助 Svadilfari 在 iOS 的 Safari 浏览器中实现类似的功能。

iOS 15 为 Safari 浏览器引入了新的标签页交互手势:左右滑动地址栏来快速切换标签页;在最新的标签页地址栏左滑来新建标签页;将页面滑至顶部后下拉来刷新页面。而 Svadilfari 则进一步提供了关闭标签页、复制当前页面网址、快速跳转至页面顶部或底部等功能。你只需在应用中创建一个手势后,为其选择对应的功能即可。更为进阶的用户还可以通过 JavaScript 进一步拓展 Svadilfari 的功能。

左:两种手势添加方式;右:可以选择的功能

在实际测试中,Svadilfari 有着不错的识别准确率和较为灵敏的反应速度,足以满足日常使用。你可以在 App Store 中免费下载 Svadilfari,应用无内购。

HyperWeb

上文中介绍的扩展大多专注于某一种功能,而 HyperWeb 则是名副其实的大杂烩,致力于提供「All in One」的体验。

HyperWeb 的「Popular」页面提供了广告和 Cookies 拦截、暗色模式、更改搜索引擎等功能。你还可以自定义网页外观,或是针对特定的搜索类型(如新闻、购物等)限定显示的网站范围。

而在「Suggested」中,HyperWeb 则有着更为丰富的可选功能。不论是搜索、购物、视频下载、查看网站的历史页面,还是针对特定内容的搜索针对性地显示部分网站的内容,HyperWeb 都有对应的功能可供选择。

如果以上内容都不满足要求,你还可以在「Local」页面,用类似设置快捷指令的方式,自行创建新的自动化内容。

你可以在 App Store 免费下载 HyperWeb。

小结

相较于 Chrome 的网上应用店,macOS 中的 Safari 浏览器扩展一直处于不温不火的状态。本次 iOS 更新后,虽然 App Store 中的 Safari 浏览器扩展目前数量有限且良莠不齐,但凭借 iOS 更为庞大的用户群体和应用数量,可以预想到,未来的 iOS App Store 中一定会出现更多、更优秀的 Safari 浏览器扩展应用。

标签: #ios应用html5