The distinction here is that the links you've posted are from the browser console line, while the tool in question can take screenshots from the terminal/command line (sans browser, can be automated).
Firefox and Chrome, and most major browsers can indeed take screenshots from the browser _console_, but taking screenshots from the command line is a separate, interesting concept.
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.
I would really like to see this as well. We're looking to monitor a set of websites and all child pages (which change dynamically) to identify possible data leaks.
Maybe the interface could be simplified: you're always going to give it URLs so you can allow those as non-option arguments (also can you pass it multiple URLs?).
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 https://github.com/GoogleChrome/puppeteer/blob/master/docs/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 https://github.com/raminv80/webTimeMachine it is not perfect but does the job. I might continue improving it if others find it useful.
31 comments
[ 3.5 ms ] story [ 75.7 ms ] threadAlso, you have included a .DS_Store file in your repository.
For the .DS_Store I totally forgot to put .gitignore :)
https://support.mozilla.org/en-US/kb/firefox-screenshots
Firefox and Chrome, and most major browsers can indeed take screenshots from the browser _console_, but taking screenshots from the command line is a separate, interesting concept.
Funnily enough, I called mine: Screenshotr
My version is less configurable but wraps the screenshots in some beautiful mockups :)
screenshoteer --url https://news.ycombinator.com/item?id=18598672 --el ".fatitem"
I made something very similar a few months back: https://github.com/astronomersiva/mockgen
This basically generates screenshots with Puppeteer and merges them with a device mock.
google-chrome --headless --screenshot http://site.com
It's a one line command.
Command line options: https://a9t9.com/kantu/docs#cmd
(... and it works in Chrome and Firefox.)