HTML Elements Screenshot
Easily remove desired HTML5 elements with just one click!
HTML Elements Screenshot enables you to capture a full or partial screenshot from any webpage.
It uses an open-source JavaScript library called - html2canvas. To work with this add-on, simply click on the toolbar icon to activate the add-on. Then, select any desired element with mouse left-click. Please note that, as you move your mouse, elements are highlighted with pink color. Once you select an element, a popup window will appear that contains a loader image. Once the 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 screenshot's popup window, please click on the close button on the top left corner. 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 the options page and click on the - allow cors - checkmark. 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.
If you have a feature request in mind or found a bug to report, please fill the bug report form in the add-on's homepage (https://mybrowseraddon.com/html-elements-screenshot.html).
Latest reviews
Does not work with local files.
Thank you very much for this! One tiny thing I'd ask for is if the screenshot could automatically source the background color of the element's page it's taking the screenshot from. Say I'm taking a screenshot of an icon on a page. The icon itself is a transparent PNG and the page is grey. It would be great if the add-on was able to source the bg color as well. Otherwise, this is a perfect thing for those who admire FF's screenshot tool and want the same functionality in Chrome!
Terrible, totally mangles the "screenshot"
Useless for almost everything.
Does the job. I can select a scrollable div from a page and it takes the screenshot effortlessly.
Every single screenshot has a white background. Even if the background in the actual page is black or any other color. I legit do not understand how other people are enjoying this extension. It's utterly useless.
Works really well. The only downside is that after an element is clicked, a pop up of that element appears as PNG, which you have to right click and save as image manually. It should automatically save the image as soon as the highlighted element is clicked! If this problem could be resolved in the next update then the extension would be impeccable!!! I gave it 4 stars just because of this issue. If this issue gets resolved, the extension is a solid 5 star.
perfect! can capture super long node
This worked amazingingly for my purpose, i had the contract of recreating an website this helped me a lot and by a lot i mean A LOT. I am looking forward to contributing to the github page of this project(if it is open source)
If you have this Chrome extension, you don't have to press Ctrl+Shift+i every time you capture a node and locate and capture the node.
Terrible quality and inaccurate capture of the entire component
Coool!
hey you should add option to cancel (turn off) by clicking esc
hey you should add option to cancel (turn off) by clicking esc
可以直接截取整個超長element，這就是我要的功能
works like a charm !!!
works like a charm !!!
This is the only extension that does what I want. My intention was to take a photo of an element of the page that was larger than the screen size and page had to be scrolled to see all of it. Most of the extensions do not have the ability to capture the elements of page individually, and the ones that had, do not process capturing of elements with size larger than the page/screen properly and have many bugs. But this plugin did all this in the best possible way and with simplicity.
This is the only extension that does what I want. My intention was to take a photo of an element of the page that was larger than the screen size and page had to be scrolled to see all of it. Most of the extensions do not have the ability to capture the elements of page individually, and the ones that had, do not process capturing of elements with size larger than the page/screen properly and have many bugs. But this plugin did all this in the best possible way and with simplicity.
This is a great extension with a few caveats. This extension worked great for a few days but for the last few days I have been getting ERR_FILE_NOT_FOUND whenever trying to click the icon to download an image. I will reinstall the extension and see if that fixes the problem. Reinstalling the extension did not fix the problem, the download icon no longer appears to work. However you can still right click the generated image and choose "Save File As". Overall great extension, if you are gathering evidence for a court case this extension is a must have, just saying... 🤷♂️
This is a great extension with a few caveats. This extension worked great for a few days but for the last few days I have been getting ERR_FILE_NOT_FOUND whenever trying to click the icon to download an image. I will reinstall the extension and see if that fixes the problem. Reinstalling the extension did not fix the problem, the download icon no longer appears to work. However you can still right click the generated image and choose "Save File As". Overall great extension, if you are gathering evidence for a court case this extension is a must have, just saying... 🤷♂️
Wonderful! thank you.
Wonderful! thank you.
An incredibly underrated extension. It's a pity that there is no possibility to select several elements, but even so everything is just fine!
An incredibly underrated extension. It's a pity that there is no possibility to select several elements, but even so everything is just fine!
Extremely helpful. I'd like to be able to select multiple elements but it's okay.
Extremely helpful. I'd like to be able to select multiple elements but it's okay.
The screenshots look nothing like the elements look like on the page. The elements in the screenshot ignore Tailwind CSS classes, but not regular classes.
The screenshots look nothing like the elements look like on the page. The elements in the screenshot ignore Tailwind CSS classes, but not regular classes.
Exactly what I was looking for! The add-on is operated very simply. For me, it is the equivalent of Firefox's screenshot tool, which is amazing, and was, quite frankly, the main reason I used Firefox. I was looking for the same in other browsers, but only this add-on is the closest sibling. I haven't found anything better and I tried many add-ons in the Chrome store, so if you want something that's similar to Firefox's embedded screenshot tool, with simplicity and ease of use in mind, look no further! Many thanks for the maker of this awesome tool! 🙏
I tried to take the screenshot of an element in a website, but the loading and took too long. I don't know if it's stuck or just a long process. I couldn't take screenshot on this website: https://developer.android.com/
I tried to take the screenshot of an element in a website, but the loading and took too long. I don't know if it's stuck or just a long process. I couldn't take screenshot on this website: https://developer.android.com/
Excellent
Excellent
Thanks for make this
Thanks for make this
First time writing rating because this extension is what I'm looking for and it's amazing
First time writing rating because this extension is what I'm looking for and it's amazing
Cool idea, but completely bugs out with SVGs.
Cool idea, but completely bugs out with SVGs.
This is amazing..... Everyone should have this extension.
This is amazing..... Everyone should have this extension.
元素选择很方便，再整合一些常用的截图方式就更好了。
Very good plugin, thanks for making it!
Very good plugin, thanks for making it!
Underrated. Very good extension, although I'd like to be able to select multiple elements.
Underrated. Very good extension, although I'd like to be able to select multiple elements.
