昨天发布了Chrome62稳定版。除了例行修复各种安全问题外,还增加了很多功能支持,比如今天要介绍的强大的截图功能。直接截图打开开发者工具页面,选择左上角的元素选择按钮(Inspect),Windows按住Ctrl,Mac按住Command,然后在页面上拖动选择区域。Chrome会自动使用下载方式进行存储,如下效果图,感觉还不错。截取节点的屏幕截图。比如刚才我们手动截取的区域,其实就是一个Node节点。如果我们想把这部分完整的截下来,就需要用到节点截图功能。首先在开发者工具中选择节点,如上图,直接点击HTML即可。然后按快捷键Ctrl+Shift+p打开命令工具。Mac下是Cmd+Shift+p,输入node,选择Capturenodescreenshot。图像将自动下载。那我们就真的不需要网页截图插件了。如果我们想截取整个网页,直接在根节点选中即可。方便吗?原文首发于我的GitHub博客
