44

Make website screenshots and mobile emulations from the command line

 5 years ago
source link: https://www.tuicool.com/articles/hit/2InuyeU
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Screenshoteer

Makes web screenshots and mobile emulations from the command line.

Tool based on puppeteer .

Installation

npm i -g screenshoteer

You can use screenshoteer like this:

screenshoteer  --url https://www.example.com

And with the help of puppeteer(Headless Chrome) it will generate screenshot of the entire web page.

Parameters:

--url web page url

--emulate - emulate web device example: --emulate "iPhone 6"

--fullpage - can be true or false. It will take screenshot of entire web page if is true. True is the default parameter.

--pdf - generate additional pdf

--w - width of the Web Page in px

--h - height of the Web Page in px

Example:

screenshoteer  --url https://news.ycombinator.com --fullpage false

screenshoteer  --url https://www.reddit.com/r/nodejs --emulate "iPhone 7"

screenshoteer  --url https://www.nytimes.com  --emulate "Nexus 4"

screenshoteer --url https://www.reddit.com/r/javascript/ --w 600 --h 800 --fullpage false

screenshoteer --url https://www.reddit.com/r/javascript/ --w 600 --h 0 --fullpage false

screenshoteer --url https://lobste.rs --pdf

screenshoteer --url https://lobste.rs --w 500

List of of supported mobile devices: https://github.com/GoogleChrome/puppeteer/blob/master/DeviceDescriptors.js

License

This project is licensed under the MIT License


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK