如何:在链接时突出显示文本片段

主要观点:2024 年 8 月 8 日 Paul Kafasis 发布内容,8 月发布后收到关于 Chrome 内置创建链接功能的提示,10 月 Firefox 131 增加支持打开带文本片段的链接,最近 Safari 18.2 也添加内置支持,网页搜索结果常突出显示链接的特定文本且页面会滚动到相关内容,这通过在链接 URL 后添加#:~:text=代码实现,名为[Text Fragments],2020 年起 Chrome 支持,Safari 晚几年后也支持且足够通用,可用于引导用户关注特定内容,手动创建麻烦,Lee Falin 先做出相关书签脚本,可通过将特定 JavaScript 代码制作成书签夹来轻松创建带突出显示的链接,10 月 9 日提供更简单保存书签夹的方法,即先在浏览器中书签任意页面,编辑书签地址粘贴 JavaScript 代码,可重命名书签夹,设置后可在任意页面突出显示文本后选择书签夹,当前页面的 URL 会复制到剪贴板,点击链接会显示指定突出显示内容。
关键信息:8 月发布内容,各浏览器支持情况,文本片段相关代码及使用方法,创建书签夹的步骤
重要细节:Chrome 相关链接[https://www.threads.net/@mike...]、Chrome 支持详情链接[https://support.google.com/ch...]、Safari 支持详情链接[https://caniuse.com/?search=t...]、具体示例链接[https://rogueamoeba.com/statu...]、Lee Falin 的书签脚本代码等。

阅读 13
0 条评论