2018-12-02 12:06:38 +01:00
|
|
|
<h1 align="center"> Screenshoteer </h1>
|
|
|
|
|
|
|
|
<p align="center"> Makes web screenshots and mobile emulations from the command line. </p>
|
|
|
|
|
|
|
|
<hr/>
|
|
|
|
|
|
|
|
<p>Tool based on <a href="https://github.com/GoogleChrome/puppeteer">puppeteer</a>. </p>
|
|
|
|
|
|
|
|
<h4>Installation </h4>
|
|
|
|
|
|
|
|
```shell
|
|
|
|
npm i -g screenshoteer
|
|
|
|
```
|
|
|
|
<p>You can use screenshoteer like this:</p>
|
|
|
|
|
|
|
|
```shell
|
|
|
|
screenshoteer --url https://www.example.com
|
2018-12-07 16:44:49 +01:00
|
|
|
|
|
|
|
or .html localy copy the url path from the browser
|
|
|
|
|
|
|
|
screenshoteer --url file:///Users/../index.html
|
|
|
|
screenshoteer --url file:///C:/Users/../Random-HTML-file.html
|
2018-12-02 12:06:38 +01:00
|
|
|
```
|
|
|
|
|
|
|
|
<p>And with the help of puppeteer(Headless Chrome) it will generate screenshot of the entire web page.</p>
|
|
|
|
|
|
|
|
<p>
|
|
|
|
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
|
2018-12-04 13:53:47 +01:00
|
|
|
--h - height of the Web Page in px
|
2018-12-04 13:46:16 +01:00
|
|
|
--waitfor - wait time for the page load in milliseconds
|
2018-12-06 12:41:07 +01:00
|
|
|
--el - css selector document.querySelector
|
2018-12-06 11:49:21 +01:00
|
|
|
--auth - basic http authentication
|
2018-12-02 12:06:38 +01:00
|
|
|
|
|
|
|
<p>
|
|
|
|
|
|
|
|
<h4>Example: </h4>
|
|
|
|
|
|
|
|
```shell
|
|
|
|
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
|
|
|
|
|
2018-12-04 16:57:54 +01:00
|
|
|
screenshoteer --url https://news.ycombinator.com/item?id=18598672 --el ".fatitem"
|
2018-12-02 12:06:38 +01:00
|
|
|
|
2018-12-07 15:57:50 +01:00
|
|
|
screenshoteer --url https://site.com --auth "username;password"
|
2018-12-06 11:49:21 +01:00
|
|
|
|
2018-12-07 16:44:49 +01:00
|
|
|
screenshoteer --url file:///Users/../index.html
|
2018-12-02 12:06:38 +01:00
|
|
|
```
|
|
|
|
<p> List of of supported mobile devices: https://github.com/GoogleChrome/puppeteer/blob/master/DeviceDescriptors.js
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<h3>License</h3>
|
|
|
|
|
|
|
|
This project is licensed under the MIT License
|