Editing Screen Capture (section)

=== 網頁畫面擷取 ===
擷取需要捲頁的網頁畫面 (網頁快照)
* {{Gd}} [https://www.microsoft.com/zh-tw/edge?r=1 Microsoft Edge 網頁瀏覽器]：可擷取需要捲頁的網頁畫面或選擇區域的畫面。教學：[https://walker-a.com/archives/6496 Microsoft Edge 內建 網頁擷取 功能，不用安裝任何外掛功能 - 挨踢路人甲] 

* {{Gd}}  [https://chrome.google.com/webstore/detail/save-to-google-drive/gmbmikajjgmnabiglmofipeabaddhgne Save to Google Drive] for {{Chrome}}: capture the visible or whole web page and upload to Google Drive. {{access | date=2015-01-28}}

* {{Gd}} [http://pearlcrescent.com/products/pagesaver/ Pearl Crescent Page Saver] is a free extension for [[MozillaFirefox|Mozilla Firefox]] {{Fx}} 
** mode:  "Capture or clip all visible portion, or entire page" quoted from official website. save an image of a web page to a file in Png/Jpeg format.
** auto save after chosen mode: ok
** filename: customize the file name (insert the timestamp)
** 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 中按下快速鍵 {{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 有三種模式可以選擇 
*#* (1) Capture full size 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>

* 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 擴充功能）]

* [http://www.ducklink.com/p/free-screen-capture-tool/ Free Screen Capture Tool - DuckLink] for {{Win}} & {{Mac}}

* [https://addons.mozilla.org/en-US/firefox/addon/1146 Screengrab!] - You can switch the page capture method 
*# Java (older, longer - about 2 seconds if you want to capture flash images) 
*# Gecko Canvas (newer, faster) (last visited: 2008-01-15)

* [http://www.superscreenshot.com/ Super Screenshot!]服務([http://blog.pixnet.net/babytree/post/14926187 babytree的介紹])

* [http://www.pixel-technology.com/freeware/url2bmp/english/ url2bmp] (last visited: December 13, 2005)
:: [http://sanwangx.brain-c.com/archives/2005_01/26_162/ Shih-Hsien’s BLOG » Blog Archive » url2bmp：網頁快照 (snapshot) 軟體 ]

* [http://www.faststone.org/FSCaptureDetail.htm FastStone Capture]

* [http://cutycapt.sourceforge.net/ CutyCapt - A Qt WebKit Web Page Rendering Capture Utility] for {{Win}}&{{Linux}}

* [https://developers.google.com/web/updates/2017/04/headless-chrome Getting Started with Headless Chrome  |  Web  |  Google Developers]: [https://blog.darkthread.net/blog/headless-chrome/ 使用 Headless Chrome 擷圖、轉存PDF、爬資料-黑暗執行緒]

* [https://github.com/puppeteer/puppeteer puppeteer/puppeteer: Headless Chrome Node.js API]

* more screen capture extension for chrome: [[Google_chrome#screen_capture]] or search on [https://chrome.google.com/webstore/search/screen%20capture web store]
* more on bookmarks tagged with [http://delicious.com/tag/snapshot+freeware snapshot+freeware] or [http://delicious.com/tag/snapshot+shareware snapshot+shareware]