[Chrome] 使用 Chrome 內建的網頁截圖功能
在寫網誌時,常常需要抓圖,
Chrome 裡我常用的是 Nimbus Screen Capture 擴充功能。
不過在某些情況下 (可能是網頁過大),
Nimbus Screen Capture 未能成功抓圖…
查了一下,原來 Chrome 自己就有內建截圖功能了~
雖然不像 Nimbus Screen Capture 比較靈活 (可以選部分區域或指定元件),
但 Chrome 內建的功能勝在速度快、且保證成功~
首先,在 Mac 的 Chrome 上叫出開發者工具
(More Tools > Developer Tools,或是按快速鍵 Cmd + Option + I),
再按下 Cmd + Shift + P,這會出現一個可以執行指令的方框,
在裡面打入 screenshot,就會出現三個選擇:
- Capture full size screenshot:對「整個網頁」截圖
- Capture node screenshot:(不確定有什麼用…)
- Capture screenshot:對目前網頁的「可視範圍」截圖
像我對 Yahoo! 奇摩 下這個 Capture full size screenshot 的指令,
它立刻就截圖成功,非常的快速:
有了這一招,就算沒裝截圖用的擴充功能也不怕啦~^^
參考資料:Chrome DevTools: Capture full sized screenshots without a browser extension
(本頁面已被瀏覽過 2,808 次)