如何在 Chrome 瀏覽器中直接連結到網頁上的文本

Google Chrome 可以建立可分享的鏈接,點擊後即可在網頁上跳到特定段落並高亮顯示相關文字。您不再需要舊版的「連結到文字片段」擴充功能:Chrome 已內建此功能,名為「複製連結以高亮顯示」 。 Google 在其Chrome 幫助指南「連結到高亮文字」中詳細介紹了目前的桌面工作流程。

如何在 Chrome 瀏覽器中連結到網頁上的特定文本

桌面端操作很簡單,它適用於普通的可選文本,而不僅僅是帶有 HTML 錨點 ID 的標題或章節。

  1. 在 Chrome 瀏覽器中開啟頁面,選擇要分享的文字。拖曳滑鼠選擇一段簡短、獨特的文字。通常一個句子或句子的一部分就足夠了。
在建立文字連結之前,選定的句子會在 Chrome 風格的瀏覽器視窗中高亮顯示。
選擇您希望收件人閱讀到的確切段落。
  1. 右鍵單擊選取的文字。在 Chrome 的上下文功能表中,選擇「複製要反白的連結」。如果該指令不可用,Google 指出此功能可能不適用於所選內容。
Chrome 風格的上下文選單,帶有「複製連結」功能,用於突出顯示所選文本
從上下文選單中選擇“複製要反白的連結”。
  1. 將複製的 URL 貼到電子郵件、聊天記錄、文件或其他您想要分享的位置。由於 URL 中包含了選取的文本,因此它可能比頁面的正常位址長得多。
訊息視窗包含一個 URL,其中包含一段以井號 (#) 和波浪號 (~) 開頭的文字片段。
複製的 URL 包含一個文字片段指令,用於識別所選段落。
  1. 打開連結進行驗證。支援的瀏覽器應該會載入頁面,捲動到符合的段落,並將其高亮顯示。
  2. 分享已測試的連結。如果您想在 Chrome 瀏覽器中開啟這些連結後清除高亮顯示,請右鍵點選高亮顯示的段落,然後選擇「移除高亮顯示」。
Chrome 風格的瀏覽器開啟文字片段網址後,會將連結的句子以黃色高亮顯示。
當連結在支援的瀏覽器中開啟時,匹配的文字將顯示並突出顯示。

Chrome 會在網址中加入什麼?

Chrome 瀏覽器使用了網頁平台的文字片段功能。文字片段 URL 無需網站所有者為標題或段落添加 ID,而是直接識別地址中的單字。可識別的部分以“.”開頭#:~:text=。

例如,一個連結可能類似於 `<link> https://example.com/article#:~:text=selected%20words`。瀏覽器會對空格和其他一些字元進行編碼,以便文字能夠安全地出現在 URL 中。完整的語法還可以包含周圍的單詞,以區分重複匹配項。 MDN的文本片段參考文檔詳細解釋了其語法和行為。

通常情況下,你不應該手動建立這種語法。 Chrome 的右鍵選單命令會自動建立鏈接,並添加足夠的上下文資訊來識別目標段落。

收件者需要 Chrome 瀏覽器嗎?

不一定。文字片段現在已成為目前瀏覽器版本中廣泛支援的網頁功能。 MDN 已將相關的 Fragment 指令功能列入 Baseline 2025,這意味著最新的主流瀏覽器引擎均支援此功能。較舊或不支援此功能的瀏覽器可能會忽略文字指令,直接開啟頁面而不會捲動到或選取相關段落。

這與先前將該功能描述為僅適用於 Chromium 核心的指南有所不同。最安全的做法仍然是在發送重要連結之前進行測試,尤其是在收件者可能使用舊版瀏覽器的情況下。

為什麼文字連結會失效

文字片段連結依賴頁面上仍然存在的目標關鍵字。如果文章被編輯,匹配的文字發生變化或消失,瀏覽器可能無法找到該片段,並會回退到正常開啟頁面。因此,文字連結非常適合將使用者快速引導到特定段落,但對於長期引用而言,其穩定性不如穩定的章節連結。

  • 選擇簡潔明了的短語。如果一句話就能清楚說明地點,就不要用好幾段文字。
  • 使用頁面上可見的文字。某些嵌入式框架或互動式編輯器內的文字可能不適用於此功能。
  • 複製後請測試。在新標籤頁中開啟鏈接,確認是否跳到目標段落。
  • 頁面內容會動態變化,請謹慎操作。新聞推送、即時頁面和頻繁編輯的文件都可能導致匹配結果失效。

如何在行動版 Chrome 瀏覽器中建立高亮文字鏈接

Chrome 瀏覽器在行動裝置上也支援此功能,但操作方式有所不同。在 Android 裝置上,Google 目前的說明是:選取文本,點擊「分享」,然後選擇要傳送連結的應用程式。在 iPhone 和 iPad 上,勾選文字並點擊「建立連結」 ;您可能需要再次點擊選取的文字才能顯示該選項。有關行動裝置的具體操作步驟,請參閱 Google 官方的Android和iPhone/iPad 操作指南。

對於桌面版 Chrome 瀏覽器,操作步驟很簡單:選取段落,右鍵單擊,然後選擇「複製要反白顯示的連結」。這比讓別人手動搜尋長頁面要快捷、準確得多。

留下評論

十大代理瀏覽器,幫助您實現更安全、更私密的瀏覽體驗

十大代理瀏覽器,幫助您實現更安全、更私密的瀏覽體驗

比較 10 款代理瀏覽器和瀏覽器工具,從 Tor 和 Opera 到 Firefox 和 CroxyProxy,並提供實際的隱私限制和設定建議。

如何使用活動日誌批量刪除 Facebook 帖子

如何使用活動日誌批量刪除 Facebook 帖子

了解如何在手機上大量刪除 Facebook 貼文、篩選舊動態、使用回收站或存檔功能,以及在 30 天內恢復貼文。

如何修復 Chrome 瀏覽器中的 ERR_TUNNEL_CONNECTION_FAILED 錯誤:8 個步驟

如何修復 Chrome 瀏覽器中的 ERR_TUNNEL_CONNECTION_FAILED 錯誤:8 個步驟

首先檢查代理程式和 VPN 設置,然後排查擴充功能、DNS 和安全軟體,以修復 Chrome 的 ERR_TUNNEL_CONNECTION_FAILED 錯誤。

Firefox 整合收件匣:在 Gmail 內存取 Google 應用

Firefox 整合收件匣:在 Gmail 內存取 Google 應用

了解 Integrated Inbox 如何將 Google 應用程式引入 Firefox 中的 Gmail,哪些功能在理論上仍然有效,以及 Gmail 的內建側邊欄與之有何不同。

WebFonter:在任何網站上預覽 ​​FontShop 字體-現在哪些功能可用

WebFonter:在任何網站上預覽 ​​FontShop 字體-現在哪些功能可用

了解 WebFonter 曾經如何讓您在即時網站上試用 FontShop 字體,為什麼最初的工具已經過時,以及如今如何預覽字體。

如何撤銷令人尷尬的Facebook貼文:五秒鐘小技巧和現在有效的方法

如何撤銷令人尷尬的Facebook貼文:五秒鐘小技巧和現在有效的方法

舊版 Facebook 撤銷擴充功能會延遲五秒鐘執行撤銷操作。了解現在還有哪些方法可以編輯、刪除、存檔或恢復令人尷尬的 Facebook 貼文。

無需訪問 About:Config 即可從工具列切換 Firefox 隱私設置

無需訪問 About:Config 即可從工具列切換 Firefox 隱私設置

使用 Privacy Settings Firefox 擴充程序,可以透過工具列彈出視窗更改支援的隱私首選項,還可以了解內建控制何時效果更好。

如何使用 Shrink2One 將多個連結合併成一個短鏈接

如何使用 Shrink2One 將多個連結合併成一個短鏈接

了解 Shrink2One 最初是如何將多個 URL 合併成一個短連結的,它的可選密碼功能,以及如果服務不可用該怎麼辦。

如何檢查是否有人正在存取您的 Gmail 帳戶

如何檢查是否有人正在存取您的 Gmail 帳戶

懷疑有人未經授權存取您的 Gmail 帳戶?檢查最近的帳戶活動、IP 位址、已登入裝置和安全事件,並了解如何保護您的帳戶。

如何在 Facebook 上建立和分享收藏集

如何在 Facebook 上建立和分享收藏集

學習如何將已儲存的 Facebook 貼文整理成收藏集,在桌面或行動裝置上新增項目,邀請貢獻者,以及檢查分享隱私。