GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → tomayac → Dark Mode Screenshot

tomayac / Dark Mode Screenshot

Licence: apache-2.0
This Puppeteer script takes a 📷 screenshot of a webpage in 🌞 Light and 🌒 Dark Mode.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

dark-themescreenshotpuppeteer

Projects that are alternatives of or similar to Dark Mode Screenshot

pappet
A command-line tool to crawl websites using puppeteer.
Stars: ✭ 95 (+102.13%)
Mutual labels:  screenshot, puppeteer
Webshot Factory
Web Screenshots at scale based on headless chrome
Stars: ✭ 288 (+512.77%)
Mutual labels:  screenshot, puppeteer
vrt-react
Take a screenshot 📸 of React component. Push it and compare images in pull request.
Stars: ✭ 19 (-59.57%)
Mutual labels:  screenshot, puppeteer
jest-puppe-shots
A Jest plugin for creating screenshots of React components with a little help of Puppeteer
Stars: ✭ 86 (+82.98%)
Mutual labels:  screenshot, puppeteer
Storycap
A Storybook Addon, Save the screenshot image of your stories 📷 via puppeteer.
Stars: ✭ 451 (+859.57%)
Mutual labels:  screenshot, puppeteer
screenshot
A screenshot API to convert web to image or PDF. Supports desktop and mobile views.
Stars: ✭ 108 (+129.79%)
Mutual labels:  screenshot, puppeteer
puppeteer-screenshot-tester
Small library that allows us to compare screenshots generated by puppeteer in our tests.
Stars: ✭ 50 (+6.38%)
Mutual labels:  screenshot, puppeteer
Dhalang
Generate PDFs and make screenshots of HTML using Puppeteer in Ruby
Stars: ✭ 41 (-12.77%)
Mutual labels:  screenshot, puppeteer
Puppetron
Puppeteer (Headless Chrome Node API)-based rendering solution.
Stars: ✭ 429 (+812.77%)
Mutual labels:  screenshot, puppeteer
Docker Puppeteer
docker image with Google Puppeteer installed
Stars: ✭ 415 (+782.98%)
Mutual labels:  screenshot, puppeteer
browser-automation-api
Browser automation API for repetitive web-based tasks, with a friendly user interface. You can use it to scrape content or do many other things like capture a screenshot, generate pdf, extract content or execute custom Puppeteer, Playwright functions.
Stars: ✭ 24 (-48.94%)
Mutual labels:  screenshot, puppeteer
Jsdom Screenshot
📸 Take screenshots of jsdom with puppeteer
Stars: ✭ 39 (-17.02%)
Mutual labels:  screenshot, puppeteer
mugshot
Framework independent visual testing library
Stars: ✭ 126 (+168.09%)
Mutual labels:  screenshot, puppeteer
screenie-server
A Node server with a pool of Puppeteer (Chrome headless) instances for scalable screenshot generation.
Stars: ✭ 19 (-59.57%)
Mutual labels:  screenshot, puppeteer
puppet-master
Puppeteer as a service hosted on Saasify.
Stars: ✭ 25 (-46.81%)
Mutual labels:  screenshot, puppeteer
colorstorm
A color theme generator for editors and terminal emulators
Stars: ✭ 101 (+114.89%)
Mutual labels:  screenshot, dark-theme
Lancia
网页转PDF渲染服务。提供收据、发票、报告或任何网页内容转PDF的微服务
Stars: ✭ 108 (+129.79%)
Mutual labels:  screenshot, puppeteer
Site Scan
CLI for capturing website screenshots, powered by puppeteer.
Stars: ✭ 137 (+191.49%)
Mutual labels:  screenshot, puppeteer
Singlefile
Web Extension for Firefox/Chrome/MS Edge and CLI tool to save a faithful copy of an entire web page in a single HTML file
Stars: ✭ 4,417 (+9297.87%)
Mutual labels:  screenshot, puppeteer
Chromda
λ 🖼️ Chromda is an AWS Lambda function for capturing screenshots of websites.
Stars: ✭ 481 (+923.4%)
Mutual labels:  screenshot, puppeteer
View All Similar Projects ➔

Dark Mode Screenshot 📷🌒

This Puppeteer script takes a screenshot of a webpage in Light and Dark Mode.

Dark Mode Light Mode
screenshot-dark.png screenshot-light.png

👩‍💻 Usage

Locally from the command line:

$ node dark-mode-screenshot.js --url https://googlechromelabs.github.io/dark-mode-toggle/demo/ --output screenshot --fullPage --pause 750

Without installing remotely from npm:

$ npx dark-mode-screenshot --url https://googlechromelabs.github.io/dark-mode-toggle/demo/ --output screenshot --fullPage --pause 750
Parameter (long) Parameter (short) Description
--url -u The URL of the webpage, defaults to https://googlechromelabs.github.io/dark-mode-toggle/ demo/index.html.
--output -o The file prefix of the screenshot (there will be a light and a dark file), defaults to screenshot.
--fullPage -f Whether or not to take a full page screenshot, defaults to true.
--pause -p Time in milliseconds to pause before taking each screenshot, defaults to 0.

Acknowledgements

Thanks to @mathiasbynens for implementing page.emulateMediaFeatures(features) in Puppeteer and for making this script a lot lighter.

📄 License

Apache 2.0

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].