Screenshoteer

从命令行制作网页截图和移动模拟。

基于puppeteer的工具。

安装

npm i -g screenshoteer

你可以像这样使用 screenshoteer：

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

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

并且在puppeteer（Headless Chrome）的帮助下，它将生成整个网页的屏幕截图。

参数：

-h help
–url 网页网址
–emulate – 模拟网络设备示例：–emulate “iPhone 6”
–fullpage – 可以为 true 或 false。如果为 true，将截取整个网页的屏幕截图。true 为默认参数。–
pdf – 生成附加 pdf
–w – 网页宽度（单位：px）
–h – 网页高度（单位：px）
–waitfor – 等待页面加载的时间（单位：毫秒）
–waitforselector – 等待选择器出现在页面中 –el – css 选择器 document.querySelector
–auth – 基本 http 身份验证
–no – 排除“图像”、“样式表”、“脚本”、“字体”
–click – 示例：“.selector>a”关闭弹出窗口或单击页面上某些按钮的绝佳方式。
–file – 输出文件名（可选，否则基于页面标题和时间戳）
–theme – 切换到深色或浅色主题
–vd – 模拟视力缺陷“全色盲”、“绿色盲”、“红色盲”、“蓝色盲”、“视觉模糊”和“无”

例子：

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

screenshoteer --url  https://news.ycombinator.com/item?id=18598672 --el ".fatitem"

screenshoteer --url  https://site.com --auth "username;password"

screenshoteer --url https://www.nytimes.com --no "image"

screenshoteer --url https://www.nytimes.com --no "script"

screenshoteer --url https://www.economist.com/ --click ".ribbon__close-button"

screenshoteer --url file:///Users/../index.html

screenshoteer --url https://www.slashdot.org --file /tmp/slashdot.png

screenshoteer --url https://mxb.dev/blog/color-theme-switcher/ --theme dark

screenshoteer --url https://news.ycombinator.com --vd blurredVision

支持的移动设备列表：https://github.com/GoogleChrome/puppeteer/blob/master/DeviceDescriptors.js