在给朋友同事分享网页时候经常有这样的需求场景:需要重点强调网页中的某部分内容。如果要强调的内容有id标识还好,可以直接用#id来定位,但如果是任意内容就不行了。此时,一般都是发送网页链接,告诉需要重点注意的段落内容或者截图。
能否在网页上选中需要强调的内容,生成分享链接分享给别人,接收人打开后直接跳转到选中的内容并高亮突出显示呢?
Chrome 90 起新增了“Copy link to highlight(复制指向突出显示的内容的链接) ”功能,在任意网页上选中特定文本后,点击右键菜单项“Copy link to highlight ”就可以为任意网页文本文字生成一个跳转链接,打开就能直接定位到选中的文本,并且高亮突出显示。
观察生成的跳转链接,会发现在网页链接地址后面新增了类似格式的内容:
#:~:text=分享文字编码后的内容
实际上从Chrome 80,Google就开发提供了 Link to Text Fragment 扩展,并且支持Chrome/Firefox/Safari等主流浏览器。
项目地址:https://github.com/GoogleChromeLabs/link-to-text-fragment
Firefox已经支持 Text fragments 的协议 ,可以正确解析定位,但未像Chromium内核的浏览器一样直接提供“Copy link to highlight ”的生成功能。
目前Firefox支持Text Fragment的扩展主要有两个:
Google Link to Text Fragment :https://addons.mozilla.org/zh-CN/firefox/addon/link-to-text-fragment/
Firefox Text Fragment Extension:https://github.com/ichaoX/ext-textFragment 支持Android 版 Firefox,推荐在Android安装此扩展
值得强调的是:由于用Text Fragment 协议使用encodeURIComponent编码,因此生成的URL链接较长,可以用短链接生成服务缩短后再分享。
现在流行AI编程,有兴趣的可以开发一个扩展,结合短链接+Text Fragment 功能。
有一个TLDRify的在线服务:https://tldrify.com/ 提供类似服务,只不过只提供Booklets,兼容性不好,很多网站无法正常使用。