screenshoteer/README.md

93 lines
3.1 KiB
Markdown
Raw Normal View History

2018-12-02 12:06:38 +01:00
<h1 align="center"> Screenshoteer </h1>
2020-09-30 17:32:43 +02:00
<p> This is a awesome tool to take your website screenshots using command line. you can do this with the help of some useful commands.
plese go and use this awesome tool for your websites.</p>
2018-12-02 12:06:38 +01:00
<p align="center"> Makes web screenshots and mobile emulations from the command line. </p>
2018-12-14 13:33:38 +01:00
<p align="center"><img src="carbon-shot.png" /></p>
2018-12-02 12:06:38 +01:00
<hr/>
<p>Tool based on <a href="https://github.com/GoogleChrome/puppeteer">puppeteer</a>. </p>
<h4>Installation </h4>
```shell
npm i -g screenshoteer
```
2020-09-30 17:32:43 +02:00
<p>You can use screenshoteer with easy and efficient way like this:</p>
2018-12-02 12:06:38 +01:00
```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>
2019-01-05 13:58:18 +01:00
Parameters:
2018-12-02 12:06:38 +01:00
2019-01-05 13:58:18 +01:00
-h help
2018-12-02 12:06:38 +01:00
--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
2019-01-05 13:58:18 +01:00
--waitforselector - wait for the selector to appear in page
2018-12-06 12:41:07 +01:00
--el - css selector document.querySelector
2018-12-14 12:25:17 +01:00
--auth - basic http authentication
2018-12-14 16:48:05 +01:00
--no - exclude "image", "stylesheet", "script", "font"
2018-12-15 15:43:41 +01:00
--click - example: ".selector>a" excellent way to close popups or to click some buttons on the page.
2018-12-15 12:28:07 +01:00
--file - output file name (optional, otherwise based on page title and timestamp)
2020-09-02 12:30:45 +02:00
--theme - switch to dark or light color theme
--vd - Emulate vision deficiency 'achromatopsia', 'deuteranopia', 'protanopia', 'tritanopia', 'blurredVision', and 'none'
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-14 12:23:49 +01:00
screenshoteer --url https://www.nytimes.com --no "image"
2018-12-14 16:48:05 +01:00
screenshoteer --url https://www.nytimes.com --no "script"
screenshoteer --url https://www.economist.com/ --click ".ribbon__close-button"
2018-12-14 12:23:49 +01:00
2018-12-07 16:44:49 +01:00
screenshoteer --url file:///Users/../index.html
2018-12-15 12:28:07 +01:00
screenshoteer --url https://www.slashdot.org --file /tmp/slashdot.png
2020-09-02 12:30:45 +02:00
screenshoteer --url https://mxb.dev/blog/color-theme-switcher/ --theme dark
screenshoteer --url https://news.ycombinator.com --vd blurredVision
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