Web annotation / higlights via text fragments

I’d love to see a native web highlighter with similar ux as the pdf annotation system or the video annotation system :

  • open any website on a left pane or insert an iframe with a webpage url
  • highlight and copy references via a right click menu or highlighter to a logseq page (copy the text and turn it into a link, similar to the ‘copy link to highligh’/text fragments from Chrome 90+)

PS : Chrome introduced ‘Text Fragments’ since v90 via the copy link to highlight right-click menu : basically one can select any part of a web page, right click and ‘copy link to highlight’ to get an url in that format : https://www.trebuchet-magazine.com/harry-lange-space-odyssey/#:~:text=Lange%E2%80%99s%20work%20for%20the%20military%20and%20his%20future%20projects%20designs%20for%20NASA%20made%20him%20a%20perfect%20fit%20for%20Kubrick%E2%80%99s%20ambitious%20new%20project.
clicking on the link opens a web browser with the saved url and it highlights the text fragment.
so in logseq, instead of opening a browser window, it would scroll to the text fragment from the iframe ?

here’s mockup with a browser on the left side, using Chrome’s ‘copy link to highlight’
Maxthon_Harry_Lange_and_the_Design_of_the_Landmark_Science_20220724_zfKIdirXOX
obviously, it would require a way to extract the text from the link to highlght, and then instead of opening a web browser tab, it would scroll the page from the logseq browser pane or the iframe ?