最新消息:

Text Fragment 协议,为任意网页文本内容创建分享链接

佳软 yeeach 205浏览 0评论

在给朋友同事分享网页时候经常有这样的需求场景:需要重点强调网页中的某部分内容。如果要强调的内容有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,兼容性不好,很多网站无法正常使用。

 

 

更多浏览器扩展

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
Ads Blocker Image Powered by Code Help Pro

检测到广告拦截器

为了小站生存发展,请将本站加入白名单