📷 page2image - 一个给页面截图的新 npm 轮子 🚗

[iLionel]

虽然大家都在用 Headless Chrome 做自动化测试，但其实用它来对页面进行截图也是挺不错的 😆

page2image 食用姿势

[Showfom]

支持一下

[apppi]

@iLionel 本地服务器上的页面是不能截图的吗

[iLionel]

@apppi 能用 url 访问的页面都能截图的

[apppi]

@iLionel localhost 和 127.0.0.1 这样的 似乎不行？

[iLionel]

@apppi 你可能会需要加上 http 前缀，这种情况我还没考虑到，等下更新一个修复版本上去

[iLionel]

@apppi 好吧，你的那个问题其实是因为链接正则没有匹配上..最新的那一版已经修复了这个问题了 感谢反馈～

[bhaltair]

dev tool 不是已经有截图了

[iLionel]

@bhaltair [What's New In DevTools (Chrome 59)]https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots，是的，不过总是会有需要从代码层面或用 CLI 命令进行截图调用，要不然怎么称之为轮子呢 🤓

[iLionel]

[What's New In DevTools (Chrome 59)]( https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots) 👆

[UniDash]

啊哈，我在自己的 side project https://www.v2ex.com/t/386460#reply0
里面有用到类似的工具，但是不是很满意，下班回去试试楼主的产品。

[holajamc]

同用 dev tool 做的，求问楼主怎么解决整页截图…

[iLionel]

@holajamc 整页截图的话，[官方博文]( https://developers.google.com/web/updates/2017/04/headless-chrome#screenshots)其实已经给出[方案]( https://medium.com/@dschnr/using-headless-chrome-as-an-automated-screenshot-tool-4b07dffba79a)了，当然这里用的是[Chrome 自家出的]( https://developers.google.com/web/updates/2017/04/headless-chrome#node)的[puppeteer]( https://github.com/GoogleChrome/puppeteer)

[iLionel]

...回复的 MD 有毒

[hoythan]

v2 "人性化"的只有发帖有支持 markdown。

[holajamc]

@iLionel 一直在纠结大小什么的谢谢楼主~

[holajamc]

有一个 py 的轮子，功能类似 233~

[iLionel]

@hoythan 原来是这样 😂

[moro]

命令行保存文件名称使用什么方法。

[iLionel]

@moro 目前还没有重命名的参数，因为是支持多个页面截图，现在还没考虑好怎么给各个截图命名 ，或许多页面时当作前缀会是一个不错的方案 🤔？我下一个版本更新上去吧 🤓

[moro]

@iLionel windows 命令行下面带问号的网址 会报错。