Try   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
Learn More →




隨後，按下：








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
Learn More →




區域擷取元素

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

快捷鍵為：







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
Learn More →




選取好後，按下：








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
Learn More →

按下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
Learn More →

Last changed by 
 
Roy Chen
在此紀錄遇到的問題跟不錯的文章
0
506

Read more

Unicode 範圍整理並透過 Regex 比對文字

[time= 2019 11 07 ] 原文 & 參考： https://blog.miniasp.com/post/2019/01/02/Common-Regex-patterns-for-Unicode-characters https://unicode.org/charts/ UTF-8 相容於 ASCII 的文字範圍： 數字 (Numbers)[0-9]

Apr 8, 2020
Redux + React 環境建置

[time= 2019 11 08 ] 原文 & 參考： https://chentsulin.github.io/redux/docs/basics/UsageWithReact.html 使用 Mac 建置環境： 找一個你想建立此專案的位置 此範例目錄 ~/你的本機路徑/redux-base/

Apr 8, 2020
[C#]RSA 非對稱式加密

Dec 23, 2019
[C#]SFTP (使用第三方套建 SSH.Net) - 類別庫為案例

Dec 21, 2019
Read more from Roy Chen
Published on HackMD