Menu
Advertisement

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

Some of the important features about HTML Elements Screenshot addon are listed below. This is followed by an overview about this addon. This summary contains few words about the addon, its function and 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 in this page or the contact form in 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. Next section is for submitting comments about this addon which uses facebook comments plugin. The last section is dedicated to reports submitted through the GitHub website. We hope the information provided in 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.

HTML Elements Screenshot lets you easily capture screenshot from HTML elements (i.e. div, span, image, p, form, etc.). Please check the YouTube Tutorial at the bottom of this page 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).

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. 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.

  • 4. 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.

  • 5. 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.

  • 6. 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.

  • 7. 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.

  • 8. 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.

  • 9. 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.

  • Advertisement

    Submitting Bugs

    Your feedback goes a long way towards making this addon even better. With this Bug report form, you can submit bugs or suggest enhancements for the functionality or performance of this addon. Please note, this bug report 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 requesting additional information regarding the reported bug(s).

    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.

    Comments | Reviews

    • Please note: keep these reviews 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.

    GitHub Reports | Fork me on GitHub

    GITHUB0 GITHUB1 GITHUB2 GITHUB3 GITHUB4 GITHUB5 GITHUB6 GITHUB7 GITHUB8 GITHUB9