[Chrome] 使用 Chrome 內建的網頁截圖功能

[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 次)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料