Screenshoteer – Command-line website screenshots and mobile emulations

<a href="https:&#x2F;&#x2F;blog.nightly.mozilla.org&#x2F;2018&#x2F;08&#x2F;23&#x2F;screenshots-from-the-console&#x2F;" rel="nofollow">https:&#x2F;&#x2F;blog.nightly.mozilla.org&#x2F;2018&#x2F;08&#x2F;23&#x2F;screenshots-from...</a><p><a href="https:&#x2F;&#x2F;support.mozilla.org&#x2F;en-US&#x2F;kb&#x2F;firefox-screenshots" rel="nofollow">https:&#x2F;&#x2F;support.mozilla.org&#x2F;en-US&#x2F;kb&#x2F;firefox-screenshots</a>

why don&#x27;t just use chrome&#x2F;chromium without puppeteer?<p>google-chrome --headless --screenshot <a href="http:&#x2F;&#x2F;site.com" rel="nofollow">http:&#x2F;&#x2F;site.com</a><p>It&#x27;s a one line command.

Very cool! I made something similar a while ago: <a href="https:&#x2F;&#x2F;github.com&#x2F;fabrik42&#x2F;responsive_mockups" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;fabrik42&#x2F;responsive_mockups</a><p>My version is less configurable but wraps the screenshots in some beautiful mockups :)

Cool, I was just looking for something like this. A useful feature would be the possibility to screenshot a specific element only instead of the whole page (using something like <a href="https:&#x2F;&#x2F;github.com&#x2F;GoogleChrome&#x2F;puppeteer&#x2F;blob&#x2F;master&#x2F;docs&#x2F;api.md#elementhandlescreenshotoptions" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;GoogleChrome&#x2F;puppeteer&#x2F;blob&#x2F;master&#x2F;docs&#x2F;a...</a> ). Also an option to set the ouput filename is a must for scripting !

I needed to crawl sitemaps, create snapshots in three device sizes (mobile, tablet and desktop) and compare my snapshots with their previous versions. I ended up creating this tool <a href="https:&#x2F;&#x2F;github.com&#x2F;raminv80&#x2F;webTimeMachine" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;raminv80&#x2F;webTimeMachine</a> it is not perfect but does the job. I might continue improving it if others find it useful.

Maybe the interface could be simplified: you&#x27;re always going to give it URLs so you can allow those as non-option arguments (also can you pass it multiple URLs?).

Nice small project. This uses a chrome-headless on the background to perform the screenshot, isn&#x27;t it?<p>Also, you have included a .DS_Store file in your repository.

Adding a click-accept feature would be great, so it can automatically click GDPR notices, popup email subscribe boxes, etc.

Nice. I made something almost exactly like this using puppeteer as well except it took screenshots of all the pages of a site. It crawled first getting all site pages, then created a JSON config file that would be used to take screenshots with. I should really throw this up on GitHub as well.<p>Funnily enough, I called mine: Screenshotr

A similar thing I wrote one evening lol <a href="https:&#x2F;&#x2F;github.com&#x2F;Weston-Boldt&#x2F;webscrot" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;Weston-Boldt&#x2F;webscrot</a>

I like this. Your motto should be &quot;How do I screenshot web?&quot;

Read no further than &#x27;npm&#x27;...