Screen Capture: Difference between revisions

Jump to navigation Jump to search

Screen Capture (edit)

Revision as of 14:08, 7 April 2022

2,513 bytes added ,  7 April 2022
→‎網頁畫面擷取
 
(27 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}} [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 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])


* {{Gd}} [https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg?hl=en Screen Capture (by Google)] for {{Chrome}}  
* {{Chrome}}
** mode: Capture page region (網頁內容自訂選擇的區域) , capture visible content (可見的網頁內容), capture whole page (全部網頁內容，自動拉捲軸到底), capture, screen region (螢幕自訂選擇的區域)
*# 在 Chrome 中按下快速鍵 {{kbd | key=Option}} + {{kbd | key=Command}} + {{kbd | key=I}}，開啟「開發人員工具」(DevTools)
** auto save after chosen mode: ok
*# 打開「開發人員工具」後，{{Win}} 輸入按鍵: {{kbd | key=ctrl}} + {{kbd | key=shift}} + {{kbd | key=p}} ; {{Mac}} 輸入按鍵: {{kbd | key=⌘ command}} + {{kbd | key=shift}} + {{kbd | key=p}} 打開「command menu」
** filename: Title of webpage
*# 輸入關鍵字 screenshoot 有三種模式可以選擇
** allow to grab flash snapshot:
*#* (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  
* [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)  
*# Java (older, longer - about 2 seconds if you want to capture flash images)  
*# Gecko Canvas (newer, faster) (last visited: 2008-01-15)
*# Gecko Canvas (newer, faster) (last visited: 2008-01-15)
* [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.


* [http://www.superscreenshot.com/ Super Screenshot!]服務([http://blog.pixnet.net/babytree/post/14926187 babytree的介紹])
* [http://www.superscreenshot.com/ Super Screenshot!]服務([http://blog.pixnet.net/babytree/post/14926187 babytree的介紹])
Line 54: Line 68:
:: [http://sanwangx.brain-c.com/archives/2005_01/26_162/ Shih-Hsien’s BLOG » Blog Archive » url2bmp：網頁快照 (snapshot) 軟體 ]
:: [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 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.0.4
* {{Gd}} [http://www.videolan.org/vlc/ VLC media player] v.2.2.4 on {{Win}} & {{Mac}}
** 操作方式: 選單: 視訊 -&gt; 快照。 截取的圖片預設儲存在 c:\Documents and Settings\電腦帳號名稱\My Documents\My Pictures\  ([http://www.flickr.com/photos/planetoid/4978454855/ 圖示說明])
** 操作方式: 選單: 視訊 -&gt; 抓圖 (舊版名稱: 快照)。 截取的圖片預設儲存在
*** {{Win}} c:\Documents and Settings\電腦帳號名稱\My Documents\My Pictures\  ([http://www.flickr.com/photos/planetoid/4978454855/ 圖示說明])
*** {{Mac}} 個人「圖片」目錄內 e.g. {{kbd | key= <nowiki>cd ~/Pictures</nowiki>}}
** 圖片的 DPI: 不能自訂，與螢幕設定的 DPI 相同
** 圖片的 DPI: 不能自訂，與螢幕設定的 DPI 相同
* [http://www.chweng.idv.tw/swintro/kmplayer.php KMPlayer](其他下載點: [http://toget.pchome.com.tw/intro/multimedia_avplayer/23586.html Toget], [http://www.softking.com.tw/soft/clickcount.asp?fid3=23516 SoftKing])
* [http://www.chweng.idv.tw/swintro/kmplayer.php KMPlayer](其他下載點: [http://toget.pchome.com.tw/intro/multimedia_avplayer/23586.html Toget], [http://www.softking.com.tw/soft/clickcount.asp?fid3=23516 SoftKing])
Line 73: Line 96:


<noinclude>
<noinclude>
相關頁面: [[Multimedia_Online_Helpdesk_Software|建立多媒體說明文件的軟體]]
相關頁面: [[Multimedia_Online_Helpdesk_Software|建立多媒體說明文件的軟體]]、[[Enlarge_the_font_size_on_a_web_page#增加網頁易讀性工具 |增加網頁易讀性工具]]
</noinclude>
</noinclude>
[[Category:Software]]
[[Category:Software]]
[[Category:Browser]]
[[Category:Browser]]
Anonymous user
Retrieved from "https://wiki.planetoid.info/index.php/Special:MobileDiff/11918...22799"

Navigation menu