Posted on Leave a comment

Similar to Text, Chrome Wants to Help You Share Direct Link to Images, Videos & More

Remember the Text Fragments feature that allowed you to create links to a specific word or sentence on a web page? Google is developing a similar feature to let you share links to images and other media on web pages.

CSS selector fragment anchors

It looks like we don’t have an official name for this feature yet. However, the newly added experimental flag is named “CSS selector fragment anchors.”

So, what does a selector fragment do?

Let me refresh your memory with text fragments. The ordinary way of sharing and highlighting text on a webpage is with screenshots and the link. You will take a screenshot of the page and then highlight the word or sentence on the page and share the image and the link to that page.

Text fragments changed this by allowing you to right-click and select a word or sentence and create a link highlighting the chosen area. Then, when your recipient opens the link, Chrome will directly take them to the highlighted area.

Now Google wants to do the same thing with images, video, and anything else you see on a web page. According to the explainer on Github:

“The existing scroll-to-text-fragment spec enables links to specific textual content within a page. However, many kinds of non-textual content may also be of interest. This document explores several use cases and proposes methods by which they may be addressed.”

CSS selector fragment anchors
CSS selector fragment anchors

Here is the flag description from the chrome://flags page:

“Similar to text directives, CSS selector directives can be specified in a URL which is to be scrolled into view and highlighted.”

Summary

In an upcoming version of Google Chrome, you will be able to select an image or a video on a web page and share a direct link to that area of the page. That too with a simple click. As an enhancement to the existing text fragments feature, I won’t be surprised to see this working in a few weeks.

Sounds like something you would want to use? Let me know in the comments section.

Source: Chromium Gerrit and Github.

Leave a Reply

Your email address will not be published. Required fields are marked *