如何在 Chrome 和 Edge 中链接到网页上的文本

创建一个链接,当在 Chrome 或 Edge 中打开时,该链接会自动滚动到网页上的选定文本

谷歌浏览器 81 或更高版本带有一个巧妙的隐藏功能,称为“滚动到文本片段”。它使用户能够链接到网页上的任何特定内容。

Scroll to Text Fragment 仍然是一项新功能,尚未在任何可用浏览器中完全完善或烘焙。但开发商 保罗·金兰 已经制作了一个易于使用的书签,即使现在您也可以利用此功能。

Bookmarklet 是带有 JavaScript 代码小块/片段的书签或收藏夹,点击后可以执行一些预定义的操作。在这种情况下,书签将以指向网页上选定文本的方式格式化地址栏中的 URL。

在书签栏中拖放“滚动到文本”书签

如果您不想经历创建书签的麻烦,下面是一个拖放书签。它适用于 Google Chrome 和 Microsoft Edge。

Ctrl+Shift+B 如果您的浏览器中没有启用书签/收藏夹栏。然后将下面显示的链接拖放到书签栏中,以将滚动添加到文本 Bookmarklet。

拖动此链接 → 与查找共享

在 Chrome 中手动创建书签

如果您无法拖放书签 按照上面 GIF 的说明进入您的浏览器,然后在 Chrome 中手动创建它。按打开书签管理器 Ctrl+Shift+O 或单击设置,然后转到“书签”并选择“书签管理器”。

右键单击书签管理器选项卡中的任意位置,然后选择“添加新书签”。

将下面给出的 JavaScript 代码粘贴到添加书签弹出的 URL 栏中。将书签命名为“与查找共享”或类似名称,然后单击“保存”。

javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open( newUrl);})();

您现在可以开始使用滚动到文本书签,请确保通过按启用书签栏 Ctrl+Shift+B 键。

在 Edge 中手动创建书签

您需要使用最新的基于铬的 Edge 才能使用滚动到文本书签,因为非基于铬的浏览器尚不支持此功能。

要在 Edge 中创建书签,请按打开“管理收藏夹”设置 Ctrl+Shift+O 或转到 Edge 菜单 » 收藏夹 » 管理收藏夹选项。

在“管理收藏夹”选项卡中,在收藏夹栏部分右键单击右侧窗格中的任意位置,然后选择“添加收藏夹”选项。

将以下 JavaScript 片段粘贴到 URL 栏中,并将书签命名为“与查找共享”,然后单击“保存”。

javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open( newUrl);})();

现在确保在您的 Edge 浏览器中启用了“收藏夹栏”,并且书签在栏中可见。如果没有,请按 Ctrl+Shift+B 在 Edge 中调出收藏夹栏的键盘快捷键。

使用滚动到文本书签

要使用书签,请打开任何网页并选择要创建链接的文本,然后按滚动到文本书签 (与查找共享).将打开一个新窗口,突出显示您在上一个选项卡中选择的文本。

您现在可以与任何人共享新窗口的链接,只要他们使用 Google Chrome 或新的 Microsoft Edge,它就会打开您突出显示的文本的位置。

互联网是信息的海洋,像这样的小技巧有助于节省时间。如果您还没有体验过,当将用户从搜索结果中的“精选”片段引导到网页时,Google 搜索还会使用“滚动到文本片段”来突出显示网页上的文本。