昨天Chrome62穩定版釋出，除了常規修復各種安全問題外，還增加很多功能上的支援，比如說今天要介紹的強大的截圖功能。
直接截圖
開啟開發者工具頁面，選擇左上角的元素選擇按鈕（Inspect）
Windows 下按住 Ctrl，Mac 就按住 Command，然後在頁面拖動選擇區域即可。
Chrome會自動使用下載方式進行儲存，如下效果圖，感覺還不錯。
給節點截圖
比如說我們剛才手動擷取的區域其實是一個Node節點，如果想完整擷取這一部分，我們就需要使用節點截圖功能。
首先在開發者工具裡面選擇節點，這個如上圖所示直接點選HTML即可。
然後按下快捷鍵 Ctrl + Shift + p 開啟命令工具，Mac下就是 Cmd + Shift + p，輸入 node 選擇 Capture node screenshot 即可。圖片會自動下載。
那麼我們真的不需要網頁截圖外掛了，如果想截圖整個網頁，我們直接在根節點選取就可以了。
是不是很方便？
原文首發在我的 GitHub 部落格