Take screenshots of a browser window (with the address bar, menus, tooltips, popups), resize, save, put to clipboard in one click
Take and resize browser screenshots Extension
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
Source Manifest.json
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
Download All Images 6 242 ★ 153KiB
Save Page WE 6 398 ★ 96.34KiB
Convert WebP to JPG 6 62 ★ 5.38MiB
Full Page Screenshot 6 0 ★ 354KiB
ScreenCapX - Full Page Screenshot 6 26 ★ 786KiB
Save image as PDF 6 31 ★ 381KiB
Screenshot & Screen Recorder 6 995 ★ 11.43MiB
Screenshot Master: Full Page Capture 6 356 ★ 248KiB
Screenshot Entire Webpage 6 41 ★ 202KiB
Simple Screen Capture: Full Page Screenshot 6 10 ★ 313KiB
Awesome Screen Recorder & Screenshot 6 27940 ★ 10.64MiB
Screenshot & Screen Video Record by Screeny 6 1310 ★ 6.38MiB
Screen Capture - Screenshot Tool 6 523 ★ 530KiB
Gyazo - Share new screenshots. Instantly. 6 239 ★ 141KiB
Take Webpage Screenshots Entirely - FireShot 6 43664 ★ 12.14MiB
Screenshot Tool - Screen Capture & Editor 6 3194 ★ 558KiB
Zight Screen Recorder, Screenshot App 6 460 ★ 712KiB
Webpage Screenshot - Entire page screenshot! 6 10806 ★ 798KiB
Screen Recorder and Screenshot Tool 6 879 ★ 1.13MiB
Bulk Image Downloader From Url List 6 46 ★ 1.38MiB
Full Page Screenshot 6 291 ★ 773KiB
WebP to JPG Converter 6 7 ★ 201KiB
Copy-n-Paste: Clipboard Upload Simplified 6 45 ★ 23.57KiB
Screen capture and recorder - Screenshot Tool 6 1798 ★ 23.78MiB