Screen Capture: Difference between revisions

Jump to navigation Jump to search
6 bytes added ,  8 December 2019
m
Line 45: Line 45:
*#* (1) Capture full screenshot 擷取需要捲頁的網頁畫面  
*#* (1) Capture full screenshot 擷取需要捲頁的網頁畫面  
*#* (2) Capture node screenshot 擷取某個節點區塊的畫面,使用前要先選取某個節點  
*#* (2) Capture node screenshot 擷取某個節點區塊的畫面,使用前要先選取某個節點  
*#* (3) Capture screenshot 擷取當下視窗畫面 (但是因為「開發人員工具」已經開啟,反而造成畫面區域變小)<ref>[https://umaar.com/dev-tips/151-screenshot-capture/ Capture Screenshot - Chrome DevTools - Dev Tips]</ref>
*#* (3) Capture screenshot 擷取當下視窗畫面 (如果「開發人員工具」開啟並 dock to bottom,反而造成畫面區域變小)<ref>[https://umaar.com/dev-tips/151-screenshot-capture/ Capture Screenshot - Chrome DevTools - Dev Tips]</ref>


* DevTools for {{Chrome}}  v.59 [https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots Full-page screenshots] 打開「開發人員工具」-> Toggle device toolbar
* DevTools for {{Chrome}}  v.59 [https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots Full-page screenshots] 打開「開發人員工具」-> Toggle device toolbar

Navigation menu