Collapsible resolution list with auto-scroll, card highlighting, and menu sync.
The scripts looks at the structure of the google page in order to try and run only on google lens result page of exact matches, then it goes through all the resolutions and arranges them in a column at the right, I made it so that you can tap to copy, this is so you can fastly search for the selected resolution.
What’s New in v1.5:
1. Data Accuracy & Validation
v1.0: Used a loose filter (anything that didn't end in "ago"). This often captured prices or random text.
v1.5: Employs a strict Regex (Regular Expression) pattern to verify the text is actually a resolution (e.g., 1,920 x 1,080). It also ignores currency symbols and dates, ensuring your list is 100% clean.
2. User Interface (The "Foldable" Menu)
v1.0: Had a static, full-height black column on the right that covered parts of the screen permanently.
v1.5: Introduced a collapsible design. It starts as a small, elegant "Resolutions ▼" button. Clicking it slides the menu open smoothly using CSS transitions, saving screen real estate when you don't need it.
3. Interactive Navigation ("The Jump")
v1.0: Clicking a resolution only copied the text. You still had to manually hunt for that image on the page.
v1.5: Introduced Auto-Scroll. Clicking a resolution uses XPath logic to find the specific image card on the page and scrolls the browser window directly to it, centering it on your screen.
4. Visual Feedback (Dual Highlighting)
v1.0: No visual feedback other than the clipboard copy.
v1.5: Added a Synchronized Highlighting System:
In the Menu: The clicked resolution turns bright blue so you know which one you are currently viewing.
On the Page: The corresponding image card gets a blue "glow," a 3px border, and a soft blue tint.
The "Undo" Logic: Selecting a new resolution automatically "cleans up" the previous highlight, so only one image is ever marked at a time.