Chrome使用技巧：长截图

日常工作中，除了coding，偶尔也需要承担一些相关文档的输出工作，前端写文档必不可少的就是网页截图。之前我一直用的都是微信截图，那么首先你需要登录微信，然后切换到你需要截图的页面，通过快捷键唤出截图工具，比如Mac的快捷键就是control+command+A。之前我一直都是这么操作的，也觉得很方便，直到前段时间，领导要我给他一张网页的完整截图，要包括header和footer部分的，我当时的第一想法就是这种图应该找UI，但是，我们是没有UI的。。。

百度后发现，原来Chrome本身就有长截图功能，记录一下操作方法：

1、option+command+I（Mac快捷键，windows可直接F12）进入Chrome的控制台

2、shift+command+P 调出命令行输入框，然后输入screen，可以看到截图相关的命令：

3、选择full size 命令，即可得到一张完美长截图。🎉🎉🎉

PS：我在截取自己项目的页面时，发现有一张页面无法长截图，是页面样式写的不规范引起的。