Screen Capture: Difference between revisions
m →網頁畫面擷取 |
|||
| (One intermediate revision by the same user not shown) | |||
| Line 45: | Line 45: | ||
** allow to grab flash snapshot: Yes , capture Flash content in Firefox 3 (With [http://pearlcrescent.com/products/pagesaver/whatsnew/2.0.html Page Saver 2.0]) | ** allow to grab flash snapshot: Yes , capture Flash content in Firefox 3 (With [http://pearlcrescent.com/products/pagesaver/whatsnew/2.0.html Page Saver 2.0]) | ||
* {{Chrome}} | * {{Chrome}} | ||
*# | *# 在 Chrome 中按下快速鍵 {{kbd | key=Option}} + {{kbd | key=Command}} + {{kbd | key=I}}，開啟「開發人員工具」(DevTools) | ||
*# 打開「開發人員工具」後，{{Win}} 輸入按鍵: {{kbd | key=ctrl}} + {{kbd | key=shift}} + {{kbd | key=p}} ; {{Mac}} 輸入按鍵: {{kbd | key=⌘ command}} + {{kbd | key=shift}} + {{kbd | key=p}} 打開「command menu」 | |||
*# 輸入關鍵字 screenshoot 有三種模式可以選擇 | *# 輸入關鍵字 screenshoot 有三種模式可以選擇 | ||
*#* (1) Capture full screenshot 擷取需要捲頁的網頁畫面 | *#* (1) Capture full size screenshot 擷取需要捲頁的網頁畫面 | ||
*#* (2) Capture node screenshot 擷取某個節點區塊的畫面，使用前要先選取某個節點 | *#* (2) Capture node screenshot 擷取某個節點區塊的畫面，使用前要先選取某個節點 | ||
*#* (3) Capture screenshot 擷取當下視窗畫面 (如果「開發人員工具」開啟並 dock to bottom，反而造成畫面區域變小)<ref>[https://umaar.com/dev-tips/151-screenshot-capture/ Capture Screenshot - Chrome DevTools - Dev Tips]</ref><ref>[https://support.google.com/chromebook/answer/10474268?hl=en Take a screenshot or record your screen - Chromebook Help]</ref> | *#* (3) Capture screenshot 擷取當下視窗畫面 (如果「開發人員工具」開啟並 dock to bottom，反而造成畫面區域變小)<ref>[https://umaar.com/dev-tips/151-screenshot-capture/ Capture Screenshot - Chrome DevTools - Dev Tips]</ref><ref>[https://support.google.com/chromebook/answer/10474268?hl=en Take a screenshot or record your screen - Chromebook Help]</ref> | ||