MSFTNEXT

How to Create Link to Text Fragment in Microsoft Edge

Microsoft Edge includes a useful feature that allow making a link to any text portion of a web page. It is done via the ScrollToTextFragment web standard. It produces anchored links without having an existing anchor in HTML of the target web page.

The feature utilizes the ScrollToTextFragment option, which is now available in both Google Chrome and Microsoft Edge. Microsoft Edge is now a Chromium-based browser, so both Chrome and Edge share underlying technologies.

Speaking for ScrollToTextFragment, it is a new web standard created by the Web Incubator Community Group. It is not yet finalized, but is already included in Edge 83 and Chrome 80, and above versions.

ScrollToTextFragment allows users to easily go to a specific text portion on a web page. The browser allows defining a text snippet which will be transmitted to the URL. When navigating by such a URL, the browser will find the first instance of the text snippet in the page and scroll the target page to it.

While Chrome has this feature out of the box, Microsoft Edge needs a hidden flag to be enabled in order to use this feature. Also, it works only in Edge Canary at the moment of this writing. So, you need to

  1. Enable the flag and restart Edge.
  2. Create a text fragment

Enable the flag

  1. Open Microsoft Edge.
  2. Enter edge://flags#copy-link-to-text to the address bar.
  3. Select Enabled for the Copy link to text option.
  4. Restart Microsoft Edge.

Now you can create a link to a text fragment in Microsoft Edge.

To Create a Link to a Text Fragment in Microsoft Edge

  1. Open Microsoft Edge and navigate to the web page.
  2. Select and copy a text fragment you want to create a link for.
  3. Right-click the selection.
  4. Select Copy link to text from the right-click menu.
  5. Paste the copied URL to the address bar, e.g. in a new Edge window.
  6. Press Enter to open the page. It will be scrolled down to the text fragment you earlier selected.

We have noticed that the feature is a little buggy, as it adds extra text to the beginning of the copied URL. This should be resolved in upcoming Edge versions.

Looks like you've read the post to the end. If you enjoyed it, please share it. You would greatly help our blog to grow!
Exit mobile version