TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Screenshoteer – Command-line website screenshots and mobile emulations

96 pointsby vladocarover 6 years ago

12 comments

based2over 6 years ago
<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>
评论 #18667323 未加载
atum47over 6 years ago
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.
评论 #18603391 未加载
fabrik42over 6 years ago
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 :)
ajninover 6 years ago
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 !
评论 #18600588 未加载
raminvover 6 years ago
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.
lepprover 6 years ago
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?).
评论 #18600329 未加载
tronkoover 6 years ago
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.
评论 #18599165 未加载
rgrieselhuberover 6 years ago
Adding a click-accept feature would be great, so it can automatically click GDPR notices, popup email subscribe boxes, etc.
评论 #18604077 未加载
flanbiscuitover 6 years ago
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
评论 #18601167 未加载
评论 #18599353 未加载
beepboopahover 6 years ago
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>
philipovover 6 years ago
I like this. Your motto should be &quot;How do I screenshot web?&quot;
mbrumlowover 6 years ago
Read no further than &#x27;npm&#x27;...