screenshotHTML Elements Screenshot  |  Download Capture a screenshot from HTML5 elements or the entire website with just one click!

Some of the important features of the HTML Elements Screenshot addon are listed below. This is followed by an overview of this addon. This summary contains few words about the addon, its function, and its features. Next is FAQ, this section is useful to get information about how this addon works in your browser. If you couldn't find a specific answer, please fill the bug report form on this page or the contact form on the homepage to let us know about your question. Following the FAQ, is the bug report form. It is designed to collect user feedbacks and bugs about this addon. Users can suggest improvements or feature requests through this form too. The next section is for submitting comments about this addon which uses the Facebook comments plugin. The last section is dedicated to reports submitted through the GitHub website. We hope the information provided on this page, could help you get all the basics you need about this addon and enable you to have a better experience with HTML Elements Screenshot.

In short, HTML Elements Screenshot lets you easily capture screenshot from HTML elements (i.e. div, span, image, p, form, etc.). Please check the YouTube tutorial below to get an idea of how this addon works in your browser. If you want to contribute to the developement of this addon, please fork it on GitHub, and push your changes to a named branch. Moreover, you can review all the comments made on GitHub commits.

4 Reasons to Use HTML Elements Screenshot

  • Allows you to capture a screenshot from page elements with just one click.

  • You can adjust screenshot quality from the options page.

  • Download the screenshot right in your browser.

  • Available for Chrome and Opera browsers on all platforms (Windows, Linux, and Mac).

YouTube Tutorial

This video gives you an idea of how the extension works in your browser.

Matched Content

Frequently Asked Questions

  • 1. What is HTML Elements Screenshot?

    HTML Elements Screenshot is a multi-browser add-on that enables you to capture a full or partial screenshot from any webpage. Simply click on the toolbar icon to activate the addon. Then select any desired element with mouse left-click. Please note that, as you move your mouse, elements are highlighted with green color. Once you select an element, a popup window will appear that contains a loader image. Once the screenshot operation is done, the loader will be replaced with the screenshot. Now you can download the image to your machine by clicking on the download button. If you want to close the popup window, please click on the close button on top right corner in the popup window. Please note that, by default, the extension does not include cross-domain images in the screenshot, if you want to enable this feature, please visit options page and click on the - cors - option. You can also adjust the screenshot resolution. By default it is set to 2, meaning the screenshot image is two times bigger than the original element.

  • 2. How can I work with this addon?

    As mentioned above, once the addon is added to your browser, please click on the toolbar button once. Toolbar icon will turn to red color and HTML elements are highlighted with green color as you hover on them. Now, simply choose the desired element with mouse left click. The addon will try to generate the screenshot in the background. In the meantime, a loader image will show up on the screen. Once the screenshot is generated, it will be replaced by the loader image. Now, you can download the image by clicking on the download button at the top right corner in the screen. In order to close the popup, please click on the cross sign next to the download button. Please note that, once you click the popup, the addon will be disabled. So, you need to click on the toolbar button in order to take a screenshot. If you want to take multiple screenshots without clicking on the toolbar button each time, please do NOT click on the close button in, instead, click anywhere outside of the screenshot in order to close the popup. This way, the addon remains active, and you can take another screenshot right away.

  • 3. How can I download the source code for HTML Elements Screenshot?

    To download the source code for this extension from Chrome Web Store, it is recommended to use Extension Source Downloader. With this addon, you can download the source code as a ZIP or CRX format to your machine. If you want to download the source code from the Firefox addons store, please open the firefox download link (if available) in the Firefox browser and then right-click on the - Add to Firefox - button and select - Save Link As... - item. Choose the destination folder on your machine and then save the file in XPI format. You can then rename the XPI format to a RAR or ZIP file. Some extensions may have a GitHub repo address, which you can use to download the source code as well. But, it may not be the latest version of the addon. Therefore, downloading the source code from the official web stores is the best option as it always gives you the latest version of the addon.

  • 4. Is there any shortcut key to capture the screenshot instead of the toolbar button?

    No, unfortunately currently there is no way to capture the screenshot without using a mouse. In fact, since the addon eventually needs a mouse action to capture the screenshot, using keyboard activation might not be very useful.

  • 5. How to access to the options page?

    In order to access the options page, please visit the extensions page in your browser and click on the options button.

  • 6. How can I change the screenshot resolution?

    Please visit addon options page and adjust the screenshot scale factor. Default factor is 2, which means the screenshot image size, is two times the actual HTML element size.

  • 7. How can I include the cross-domain images in the screenshot?

    If you want to include cross-domain images in your screenshot, please open options page and mark the cors option. Please note that once you enable the cors option, the browser will ask for additional permissions. This is because allowing cors requires monitoring all URLs before downloading. You can disable this setting from the options page and all the additional permissions are revoked.

  • 8. How to install this extension in your Firefox?

    Unfortunately this extension is not released for Firefox browser, because the underlying API (html2canvas) is not currently working for Firefox.

  • 9. Why this addon does not work instantly when I add it to my browser?

    When you first add this addon to your browser, please reload all open tabs. Once tabs are reloaded the extension will work as normal.

  • 10. How can I save the screenshot?

    Please click on the download button on top right corner in the popup. the screenshot will be downloaded to your machine in the default download location.

  • 11. Where can I find the privacy policy for HTML Elements Screenshot?

    Please read the privacy policy for this extension here.


Reporting Bugs

Your feedback goes a long way towards making this addon even better. With this feedback and bug report form, you can report bugs or suggest features/enhancements for the functionality or performance of this addon. Please note that this form will be sent to the developer(s) of this addon. You will not get an immediate or personal response at the moment. However, the developer(s) may contact you through the email address provided in this form for further clarifications or to request additional information regarding the reported bug(s).

If you want to rate or write a review for this addon in the official webstore, please press the - Rate this addon - button below.

Please enter the name of the extension (addon).

Please enter the current version of the extension.

Please be as specific as possible. Basically, describe what happened, what you were doing when it happened, and why you think it is a problem.

Describe the step-by-step process required to reproduce the issue you are reporting. Be specific when describing these steps by providing as much detail as possible.

Please try to leave a link to a screenshot for the specific bug or error report.

Please enter your operating system.

Please enter your browser and its current vesrion.

Please enter your email address.

Reviews | Discussions

Please note: keep these reviews/discussions clean, and avoid the usage of derogatory or inappropriate language or terminology in references to individuals or groups based on race, national or ethnic origin, color, religion, age, gender, etc. Do not submit bugs in your reviews, use the above bug-report section instead. Also, never post any personal information in these reviews.