Chrome 複製醒目顯示文字連結:網頁連結加上定位直達重點

網際網路是現今發布資訊的主要管道,透過傳送連結即可輕鬆分享內容。為了能夠精準分享內容,讓使用者直接定位到特定文本或段落,Google 旗下的 Chromium 團隊制定了 Text Fragment Anchor(文字片段錨定)機制,其原理是在目標網址後方加入特定語法,在瀏覽器中打開連結時,會自動跳轉到指定的文字片段,同時為目標文字添加高亮標記,也就是 Scroll To Text Fragment 功能。

Scroll To Text Fragment 是一種 URL 擴充功能,筆者稱為「文字片段定位連結」,允許在既有連結後方加入語法,用來指向網頁中的特定文字。

連結語法包含三個主要元素:

  1. 頁面連結
  2. #:~: (特殊語法開頭)
  3. text=定位目標/文字片段

開發團隊於 Chrome 81 版本開始加入 Scroll To Text Fragment 功能,當時需要自行撰寫連結語法,才能在打開連結時定位到目標位置。

Chrome 91 版本,將文字定位連結整合至右鍵選單,命名為複製醒目顯示的文字連結。此外,採用相同核心的 Edge、Opera 等瀏覽器均可使用。

Scroll To Text Fragment 使用說明:

1. 使用 Chrome 瀏覽網頁時,先選取網頁上的文字(片段或完整段落),然後展開右鍵選單,點選「複製醒目顯示文字的連結」可取得帶有定位標記的網頁連結。
在 Chrome 瀏覽器中,選取文字從右鍵選單的「複製醒目顯示文字的連結」取得連結
2. 如下圖展示,打開連結會自動捲動頁面,跳轉到指定的文字片段,並以高亮標記目標文字。連結後方會有定位語法「#:~:text=Chrome-,離線安裝檔,-下載:」。
開啟文字定位連結,頁面自動跳轉至目標文字並以高亮顯示
3. 還可選取整個文字段落,然後複製定位連結,打開連結會自動跳轉到該段落,方便分享重點資訊。
展示維基百科中一整個段落文字呈現高亮標記,網址最後有定位文字片段

前面說過,定位連結語法包含三個主要元素,其中「網頁連結」與「#:~:text=」為固定的,後面定位目標(文字片段)則會根據選取的文字數量產生兩種標記。

4. 當選取文字較少時,會同時捕捉目標前、後文字並以「,」作為區隔(如 Chrome-,離線安裝檔,-下載:),用意是根據前後文字準確定位目標。選取較多文字則會直接在連結中寫入全部文字作為標記。(註:標記中的「-」代表不屬於定位範圍)
分析文字定位連結的語法結構,包含網址、錨定符號與定位目標文字三部分
5. 還能自行修改目標文字,當整頁內容只有一個相符的文字時,可將後方標記改為單一文字片段。如下圖,第一個連結是透過 Chrome 取得,修改為單一文字片段(#:~:text=安裝檔下載:)效果相同。
示範手動修改文字定位連結的語法,將包含前後文的長連結,簡化為只有目標文字的連結
6. 若想標記完整段落卻不希望連結冗長,可分別指定第一個(前)和第二個(後)文字,中間加入「,」(逗號)作為區隔,如第 3 點改為「text=有人懷疑,的指控」即可標記段落。
示範使用逗號來指定段落的起始與結束文字,以標記一整個段落,讓定位連結更簡短
7. 此外,還可使用「&」來區隔兩個文字片段或段落,如「text=Google,疑慮&text=何時,的選擇」,打開連結將會看到兩個高亮標記的文字片段。
示範使用「&」符號在同一個連結中串連兩個不同的文字片段,讓頁面同時高亮顯示多個重點

延伸閱讀:

文章更新:本篇內容於 2025 年 11 月重新撰寫,將同主題的三篇文章進行合併,提供完整資訊。