Chrome 已經原生支持截圖功能，還能夠給節點截圖！

昨天 Chrome62 穩定版釋出，除了常規修復各類安全問題外，還增長不少功能上的支持，好比說今天要介紹的強大的截圖功能。

直接截圖

打開開發者工具頁面，選擇左上角的元素選擇按鈕（Inspect）

Windows 下按住 Ctrl，Mac 就按住 Command，而後在頁面拖動選擇區域便可。

Chrome會自動使用下載方式進行存儲，以下效果圖，感受還不錯。

給節點截圖

好比說咱們剛纔手動截取的區域實際上是一個Node節點，若是想完整截取這一部分，咱們就須要使用節點截圖功能。

首先在開發者工具裏面選擇節點，這個如上圖所示直接點選HTML便可。

而後按下快捷鍵 Ctrl + Shift + p 打開命令工具，Mac下就是 Cmd + Shift + p，輸入 node 選擇 Capture node screenshot 便可。圖片會自動下載。

那麼咱們真的不須要網頁截圖插件了，若是想截圖整個網頁，咱們直接在根節點選取就能夠了。

是否是很方便？

原文首發在個人 GitHub 博客