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

How to download and manually install Take and resize browser screenshots extension for Chrome

Looking for a way to install Take and resize browser screenshots extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Take and resize browser screenshots extensions manually, this article outlines two simple methods to effortlessly install Take and resize browser screenshots extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Take and resize browser screenshots extension and manually install through Drag &Drop

If you ever need to manually install a Take and resize browser screenshots extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Take and resize browser screenshots Extension by clicking the "Download CRX" button on the website.

Look for the Take and resize browser screenshots extension you wish to install. Go to the website and download the Take and resize browser screenshots extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Take and resize browser screenshots extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Take and resize browser screenshots extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Take and resize browser screenshots extension for Chrome and install in Developer Mode

This is another method to install Take and resize browser screenshots extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Take and resize browser screenshots extension file

Select and download the Take and resize browser screenshots extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Take and resize browser screenshots extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Take and resize browser screenshots extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Take and resize browser screenshots extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Take and resize browser screenshots extension in 2 ways. We hope this guide proves helpful.

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