Screen Capture: Difference between revisions
Jump to navigation
Jump to search
→網頁畫面擷取
m (→網頁畫面擷取) |
(→網頁畫面擷取) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 28: | Line 28: | ||
* HTC Flyer: [http://forum.xda-developers.com/showthread.php?t=1402495 Screen Capture Function on Flyer HC - xda-developers]: {{Kbd | key=Power}} + {{Kbd | key=Home}} | * HTC Flyer: [http://forum.xda-developers.com/showthread.php?t=1402495 Screen Capture Function on Flyer HC - xda-developers]: {{Kbd | key=Power}} + {{Kbd | key=Home}} | ||
* 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=開關}}機鈕...」 | ||
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}} | ||
| Line 39: | 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> | *#* (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 | * DevTools for {{Chrome}} v.59 [https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots Full-page screenshots] 打開「開發人員工具」-> Toggle device toolbar | ||
| Line 67: | Line 73: | ||
* [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://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] | ||