Screen Capture: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
 
(14 intermediate revisions by the same user not shown)
Line 29: Line 29:
* iPad: [http://cg2010studio.wordpress.com/2012/05/30/ipad-%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96/ iPad 螢幕截圖 « 逍遙文工作室]「按住底下{{Kbd | key=Home}}鍵和右上{{Kbd | key=開關}}機鈕...」
* iPad: [http://cg2010studio.wordpress.com/2012/05/30/ipad-%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96/ iPad 螢幕截圖 « 逍遙文工作室]「按住底下{{Kbd | key=Home}}鍵和右上{{Kbd | key=開關}}機鈕...」


=== 網頁快照 ===
 
擷取需要捲頁的網頁快照 (snapshot)
LINE iOS、LINE Android 對話截圖功能
* [https://kkplay3c.net/line-screenshot/ LINE「對話匿名截圖」功能，可超長截圖對話內容，Android、iOS適用|KK3C狂想曲]
 
=== 網頁畫面擷取 ===
擷取需要捲頁的網頁畫面 (網頁快照)
* {{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}}  [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}}  
* {{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.
** 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.
Line 37: Line 44:
** filename: customize the file name (insert the timestamp)
** 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])
** 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 擴充功能）]
* [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}}
* [http://www.ducklink.com/p/free-screen-capture-tool/ Free Screen Capture Tool - DuckLink] for {{Win}} & {{Mac}}


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


* [https://chrome.google.com/webstore/detail/webpage-screenshot/ckibcdccnfeookdmbahgiakhnjcddpki 網頁快照 - Webpage Screenshot] for {{Chrome}}: {{exclaim}}擷取需要捲動的單一網頁，會出現圖形不連續的狀況 {{access | date=2015-01-28}}
* [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 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]
* more on bookmarks tagged with [http://delicious.com/tag/snapshot+freeware snapshot+freeware] or [http://delicious.com/tag/snapshot+shareware snapshot+shareware]


=== 擷取影像圖片 ===
=== 影像的圖片擷取 ===
DVD/影像檔抓圖
DVD/影像檔抓圖
* {{Gd}} [http://www.videolan.org/vlc/ VLC media player] v.2.2.4 on {{Win}} & {{Mac}}
* {{Gd}} [http://www.videolan.org/vlc/ VLC media player] v.2.2.4 on {{Win}} & {{Mac}}

Latest revision as of 14:08, 7 April 2022

螢幕畫面擷取[edit]

  • MWSnap
    • 可選擇全螢幕、視窗、固定範圍、任意區域的擷取方式 [freeware]
  • Screen Capture
    • 四種擷取畫面的模式(視窗/選單/全螢幕/任意區域) [freeware]
  • Evernote Windows + Print Screen按鈕，擷取任意區域的畫面後，自動儲存為一則新筆記。
  • Windows鍵盤上擷取螢幕畫面按鍵。注意：不支援部份影像的擷取 Icon_exclaim.gif
    • Print Screen(有時簡化為PrtSc)按鈕: 擷取整個螢幕畫面
    • Alt + Print Screen按鈕: 擷取目前選取的視窗畫面 (資料來源: Print screen - Wikipedia)

平板:


LINE iOS、LINE Android 對話截圖功能

網頁畫面擷取[edit]

擷取需要捲頁的網頁畫面 (網頁快照)

  • Good.gif Save to Google Drive for Chrome   : capture the visible or whole web page and upload to Google Drive. [Last visited: 2015-01-28]
  • Good.gif Pearl Crescent Page Saver is a free extension for Mozilla Firefox Firefox browser_firefox.png
    • 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 Page Saver 2.0)
  • Chrome  
    1. 在 Chrome 中按下快速鍵 Option + Command + I，開啟「開發人員工具」(DevTools)
    2. 打開「開發人員工具」後，Win   輸入按鍵: ctrl + shift + p ; macOS icon_os_mac.png 輸入按鍵: ⌘ command + shift + p 打開「command menu」
    3. 輸入關鍵字 screenshoot 有三種模式可以選擇
      • (1) Capture full size screenshot 擷取需要捲頁的網頁畫面
      • (2) Capture node screenshot 擷取某個節點區塊的畫面，使用前要先選取某個節點
      • (3) Capture screenshot 擷取當下視窗畫面 (如果「開發人員工具」開啟並 dock to bottom，反而造成畫面區域變小)[1][2]
  • Screengrab! - You can switch the page capture method
    1. Java (older, longer - about 2 seconds if you want to capture flash images)
    2. Gecko Canvas (newer, faster) (last visited: 2008-01-15)
  • url2bmp (last visited: December 13, 2005)
Shih-Hsien’s BLOG » Blog Archive » url2bmp：網頁快照 (snapshot) 軟體

影像的圖片擷取[edit]

DVD/影像檔抓圖


相關頁面: 建立多媒體說明文件的軟體、增加網頁易讀性工具

  1. ↑ Capture Screenshot - Chrome DevTools - Dev Tips
  2. ↑ Take a screenshot or record your screen - Chromebook Help
Retrieved from "https://wiki.planetoid.info/index.php?title=Screen_Capture&oldid=22799"