14,976
edits
Screen Capture: Difference between revisions
Jump to navigation
Jump to search
→網頁畫面擷取
m (→網頁畫面擷取) |
(→網頁畫面擷取) |
||
| Line 39: | Line 39: | ||
** 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]) | ||
* DevTools for {{Chrome}} v.59 [https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots Full-page screenshots] | * {{Chrome}} 打開「開發人員工具」(DevTools) | ||
*# 打開「開發人員工具」後 | |||
*# {{Win}} 輸入按鍵: {{kbd | key=ctrl}} + {{kbd | key=shift}} + {{kbd | key=p}} ; {{Mac}} 輸入按鍵: {{kbd | key=⌘ command}} + {{kbd | key=shift}} + {{kbd | key=p}} 打開「command menu」 | |||
*# 輸入關鍵字 screenshoot 有三種模式可以選擇 | |||
*#* (1) Capture full screenshot 擷取需要捲頁的網頁畫面 | |||
*#* (2) Capture node screenshot 擷取某個節點區塊的畫面，使用前要先選取某個節點 | |||
*#* (3) Capture screenshot 擷取當下視窗畫面 (但是因為「開發人員工具」已經開啟，反而造成畫面區域變小)<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 | |||
* [https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl Full Page Screen Capture] for {{Chrome}}，擷取需要捲動的單一網頁。教學: [https://free.com.tw/full-page-screen-capture/ Full Page Screen Capture 將網頁完整擷取備份，輸出另存為圖片格式（Chrome 擴充功能）] | * [https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl Full Page Screen Capture] for {{Chrome}}，擷取需要捲動的單一網頁。教學: [https://free.com.tw/full-page-screen-capture/ Full Page Screen Capture 將網頁完整擷取備份，輸出另存為圖片格式（Chrome 擴充功能）] | ||