Advertisement

Create Link to Text Fragment on Web Page in Google Chrome

How to Create a Link to a Text Fragment on a Web Page in Google Chrome

Google Chrome comes with a handy option that allows you to make a link to any part of a web page. It is powered by the ScrollToTextFragment, web standard, and allows creating anchored links without having an explicitly specified anchor in the target page's HTML markup.

Advertisеment

The feature is based on the ScrollToTextFragment, which is a relatively new web technology being developed by the Web Incubator Community Group at W3C. It is a work-in-progress, but it is already available in Edge 83 and Chrome 80 and above. It may or may not work in other Chromium-based browsers.

ScrollToTextFragment is made to enable users to easily navigate to specific content in a web page. By supporting it, Chrome allows specifying a text snippet in the URL fragment. When navigating to a URL with such a fragment, the browser will find the first instance of the text snippet in the page and bring it into view. Scroll-To-Text was first introduces in Chrome 74 but hidden with a flag.

This post will show you how to create a link to a text fragment on a web page in Google Chrome.

To Create a Link to a Text Fragment on a Web Page in Google Chrome,

  1. Open Google Chrome and navigate to the target page. Chrome Open Target Page
  2. Copy the URL of that page and paste it to any text editor, e.g. to Notepad.Copy URL From Chrome Address Bar To Notepad
  3. In Notepad, copy and paste the following portion to the end of the URL: #:~:text=.Paste Text To The End Of URL In Notepad
  4. Select and copy a text fragment you want to create a link for.Select And Copy Text To Create A Link For
  5. Paste it after the #:~:text=. You will get a link like https://www.someaddress.com/some-page/#:~:text=Some text on the page.Paste The Text Fragment To Notepad
  6. Copy the link you now have in Notepad, and paste it in Chrome's address bar.Paste The Final URL Back To Chrome
  7. Once you hit Enter, it will open the target page, scroll it to the specified text fragment, and highlight it.Link To A Text Fragment On A Web Page Highlighted

You are done!

For example, to go directly to the Latest post section on Winaero, you can use the following URL:

https://winaero.com/#:~:text=Latest posts

Using this method, you can create a link to any text portion of any web site. That's very useful when you need to quickly point someone to a text fragment on a webpage that has no anchor for it.

Support us

Winaero greatly relies on your support. You can help the site keep bringing you interesting and useful content and software by using these options:

If you like this article, please share it using the buttons below. It won't take a lot from you, but it will help us grow. Thanks for your support!

Advertisеment

Author: Sergey Tkachenko

Sergey Tkachenko is a software developer who started Winaero back in 2011. On this blog, Sergey is writing about everything connected to Microsoft, Windows and popular software. Follow him on Telegram, Twitter, and YouTube.

5 thoughts on “Create Link to Text Fragment on Web Page in Google Chrome”

  1. Well, it’s not like Google published a Chrome addon for that purpose… https://chrome.google.com/webstore/detail/link-to-text-fragment/pbcodcjpfjdpcineamnnmbkkmkdpajjg avoid the headache and use that instead ;)

  2. Or you could use Link to Text Fragment
    https://chrome.google.com/webstore/detail/link-to-text-fragment/pbcodcjpfjdpcineamnnmbkkmkdpajjg

  3. Firefox, Edge and Safari users don’t need to miss out!
    As the other commenters noted, Google published an addon to polyfill that feature [for several browsers]. Links can be found at https://github.com/GoogleChromeLabs/link-to-text-fragment#installation

    The addon has the advantage, that it also lets you CREATE links from the context menu.

  4. If you want to REMOVE this stupid “Copy link to highlight” context menu and disable auto-scrolling, create this DWORD key:
    Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome
    ScrollToTextFragmentEnabled, set to 0

    Then add a space and the following text in the end to your browser shortcut:
    –disable-features=CopyLinkToText
    so it would look like this:

    Target:
    “C:\Users\User\AppData\Local\Google\Chrome\Application\chrome.exe” –disable-features=CopyLinkToText

    and this ugly entry is gone!

Leave a Reply

Your email address will not be published.

css.php
Using Telegram? Subscribe to the blog channel!
Hello. Add your message here.