WebClip Element Extension Chrome

Take a screenshot of highligthed element (or visible page)

Latest Version

Version

0.3.3

Update

January 30, 2024

Size

30.83KiB

Developer

WebClip Element Extension

Click on the extension icon, select an element on the page and click on it.

Voilà... A screenshot of that element will open in a new tab.
Hold SHIFT to clip multiple elements on the page, or press ESC to quit clipping mode.

You can also take a screenshot of the visible page:
right-click on the extension button and select 'Take page screenshot...'.

Now you can also expand/reduce the highlighted element by pressing Q or A respectively (be sure to then press SPACE to take a screenshot of the highlighted element ;).

HOW DOES IT WORK?
Under-the-hood it takes a screenshot of the current (visible) page, and then crops it using position and size of the highlighted element.
Should also work when the browser page is zoomed in/out.

And all happens inside your browser, nothing is sent online (check the code at https://github.com/azrafe7/webClipElement). ;D

Please report issues/feature requests via mail or on the issue tracker at https://github.com/azrafe7/webClipElement/issues

CHANGELOG: https://github.com/azrafe7/webClipElement/blob/main/CHANGELOG.md

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "WebClip Element", "version": "0.3.3", "description": "Take a screenshot of highligthed element (or visible page)", "manifest_version": 3, "permissions": ["activeTab", "contextMenus"], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "js": ["ElementPicker.js", "contentScript.js"], "css": ["ElementPicker.css"], "all_frames": false } ], "cross_origin_opener_policy": { "value": "same-origin" }, "icons": { "16": "assets/icon16.png", "32": "assets/icon32.png", "48": "assets/icon48.png", "128": "assets/icon128.png" }, "action": { "default_icon": { "16": "assets/icon16.png", "32": "assets/icon32.png", "48": "assets/icon48.png", "128": "assets/icon128.png" }, "default_title": "WebClip Element" }}

WebClip Element

Take a screenshot of highligthed element (or visible page)

Latest Version

WebClip Element Extension

Source Manifest.json

Similar Extensions

Get source code (.Zip)

Latest Updates

Top Rated