Take screenshots of a browser window (with the address bar, menus, tooltips, popups), resize, save, put to clipboard in one click

Latest Version

Version
0.0.9
Update
October 6, 2024
Size
30.53KiB
Developer
Category
Users
6
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
Storage
Downloads
Offscreen
ClipboardWrite
See more

Take and resize browser screenshots Extension

USE CASE:
You are preparing documentation of a web tool. You need screenshots of the browser window as is. Everything you see, namely the URL in the address bar, opened menus and tooltips triggered by mouse over events, must be visible in the screenshots. A screenshot should be taken, saved and copied to the clipboard in one click. You could do that with Greenshot if having to select the region for each screenshot does not annoy you. With the Snipping Tool you need to click a bit more to save the file.
What if the screenshots have to be resized to a specified size to be uploaded somewhere? For example, imagine you are preparing 1280x800 screenshots required for publishing an extension in the Web Store. The 1280x800 screenshots illustrating this extension were taken with this extension.

HOW TO USE:
- Click the icon to select the screen with the browser window to be captured. The icon becomes green, the extension is ready to take screenshots of the selected screen.
- A notification bar appears at the bottom. It is an independent browser window. Click Hide to minimise the bar window.
- Open a web page in the browser running in the selected screen.The browser window can be maximized or minimized. The extension captures the screen region of the browser window in which the icon has been clicked.
- Click the icon to take a screenshot. Each time you click, the screenshot is downloaded and copied to the clipboard. The file name of the downloaded screenshot is the URL of the page where the icon was clicked.
- Keep taking screenshots. Maximize, minimize and move the browser window.
- To inactivate the extension, first maximise the screen sharing notification bar by clicking the last browser window, then click the blue Stop sharing button.

OPTIONS:
The extension works without any additional configuration. If needed, the screenshots can be resized before saving and saved as png or jpeg files. Capture of the screen can be delayed if you need to capture a browser menu or HTML or browser tooltip triggered by a mouseover event.
The options can be accessed by right-clicking the extension’s icon and then clicking the Options

IMPORTANT NOTE:
Regardless of the tool you use, you can capture HTML tooltips, or browser tooltips or menus, only if you capture a screen. That is a constraint by the operating system. Tooltips and menus cannot be captured in a window or tab display surface. You can read about the limitations of the Screen Capture API here https://medium.com/@marian-caikovski/beware-of-the-tab-and-window-display-surfaces-they-are-defective-87a5e428a731

HOW THIS EXTENSION COMPARES TO ALTERNATIVES:
- It is simple to use because it is designed for one purpose - documentation of web applications.
- Its user interface is the icon and the options accessible on right-clicking the icon. It has no cumbersome popups with pointless options. One click - one file on the disk and in the clipboard
- It is free and open source
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Take and resize browser screenshots", "version": "0.0.9", "description": "Take screenshots of a browser window (with the address bar, menus, tooltips, popups), resize, save, put to clipboard in one click", "icons": { "128": "images/off.png" }, "background": { "service_worker": "sw/sw.js", "type": "module" }, "action": {}, "options_ui": { "page": "options/options.html", "open_in_tab": true }, "permissions": [ "activeTab", "scripting", "storage", "downloads", "offscreen", "clipboardWrite" ], "manifest_version": 3 }
Read more

Similar Extensions

icon

Download All Images Extension · Photos 6 242 ★ 153KiB

icon

Save Page WE Extension · Productivity 6 398 ★ 96.34KiB

icon

Convert WebP to JPG Extension · Productivity 6 62 ★ 5.38MiB

icon

Full Page Screenshot Extension · Productivity 6 0 ★ 354KiB

icon

ScreenCapX - Full Page Screenshot Extension · Productivity 6 26 ★ 786KiB

icon

Save image as PDF Extension · Productivity 6 31 ★ 381KiB

icon

Screenshot & Screen Recorder Extension · Productivity 6 995 ★ 11.43MiB

icon

Screenshot Master: Full Page Capture Extension · Productivity 6 356 ★ 248KiB

icon

Screenshot Entire Webpage Extension · Productivity 6 41 ★ 202KiB

icon

Simple Screen Capture: Full Page Screenshot Extension · Productivity 6 10 ★ 313KiB

icon

Awesome Screen Recorder & Screenshot Extension · Productivity 6 27940 ★ 10.64MiB

icon

Screenshot & Screen Video Record by Screeny Extension · Productivity 6 1310 ★ 6.38MiB

icon

Screen Capture - Screenshot Tool Extension · Productivity 6 523 ★ 530KiB

icon

Gyazo - Share new screenshots. Instantly. Extension · Productivity 6 239 ★ 141KiB

icon

Take Webpage Screenshots Entirely - FireShot Extension · Productivity 6 43664 ★ 12.14MiB

icon

Screenshot Tool - Screen Capture & Editor Extension · Accessibility 6 3194 ★ 558KiB

icon

Zight Screen Recorder, Screenshot App Extension · Social & Communication 6 460 ★ 712KiB

icon

Webpage Screenshot - Entire page screenshot! Extension · Productivity 6 10806 ★ 798KiB

icon

Screen Recorder and Screenshot Tool Extension · Productivity 6 879 ★ 1.13MiB

icon

Bulk Image Downloader From Url List Extension · Productivity 6 46 ★ 1.38MiB

icon

Full Page Screenshot Extension · Productivity 6 291 ★ 773KiB

icon

WebP to JPG Converter Extension · Productivity 6 7 ★ 201KiB

icon

Copy-n-Paste: Clipboard Upload Simplified Extension · Productivity 6 45 ★ 23.57KiB

icon

Screen capture and recorder - Screenshot Tool Extension · Productivity 6 1798 ★ 23.78MiB