HackMD
使用 Chrome 內建截取網頁畫面
tags: chrome
2019 11 06
原文 & 參考：
https://www.bnext.com.tw/article/47401/chrome-screenshot
完整網頁長截圖
首先確保Chrome已升級至59或更高版本，
在想要截圖的網頁中，按下：
Mac:
⌘Command + ⌥Option + I
Windows:
Ctrl + Shift + I
or
F12
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
隨後，按下：
Mac:
⌘Command + ⇧Shift + P
Windows:
Ctrl + Shift + P
輸入命令
Capture full size screenshot
按下Enter， Chrome就會自動截取整個網頁內容並保存至本機。由於是渲染引擎直接輸出，其比普通擴充工具速度更快，解析度也更高。
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
區域擷取元素
按左上角的「選取元素」，開始選取想要的元素
快捷鍵為：
Mac:
⌘Command + ⇧Shift + C
Windows:
Ctrl + Shift + C
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
選取好後，按下：
Mac:
⌘Command + ⇧Shift + P
Windows:
Ctrl + Shift + P
輸入命令
Capture node screenshot
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
按下Enter，就會下載剛剛選取好的元素
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
