# 使用 Chrome 內建截取網頁畫面

###### tags: `chrome`
> [time= 2019 11 06 ]

> 原文 & 參考：
> https://www.bnext.com.tw/article/47401/chrome-screenshot

<br>

## 完整網頁長截圖
首先確保Chrome已升級至59或更高版本，
在想要截圖的網頁中，按下：

Mac:
⌘Command + ⌥Option + I



Windows:
Ctrl + Shift + I

or

F12 


<br><br><br>

隨後，按下：

Mac:
⌘Command + ⇧Shift + P



Windows:
Ctrl + Shift + P

輸入命令

Capture full size screenshot

按下Enter， Chrome就會自動截取整個網頁內容並保存至本機。由於是渲染引擎直接輸出，其比普通擴充工具速度更快，解析度也更高。

<br><br><br>

## 區域擷取元素
按左上角的「選取元素」，開始選取想要的元素

快捷鍵為：

Mac:
⌘Command + ⇧Shift + C


Windows:
Ctrl + Shift + C


<br><br><br>

選取好後，按下：

Mac:
⌘Command + ⇧Shift + P



Windows:
Ctrl + Shift + P

輸入命令

Capture node screenshot


按下Enter，就會下載剛剛選取好的元素