在瀏覽器頁面測驗中,經常會用到截圖保存記錄,大多數都用的第三方的截圖功能,例如Windows截圖工具,微信/qq的截圖功能,其實完全沒必要借助外在的,在 Chrome 瀏覽器中存在原生的截圖功能,支持四種方式的截圖,自選區域、整個網頁、整個網頁和當前螢屏,
- Capture area screenshot:自選區域截圖
- Capture full size screenshot:全網頁截圖,包括滾動條沒有滾動到,未顯示的區域
- Capture node screenshot:當前節點截圖
- Capture screenshot:當前螢屏截圖
使用步驟:
首先按下 ?Command + Option + I(Windows 為 F12)快捷鍵,掉出除錯界面,
隨后,按下 ?Command + ?Shift + P(Windows 為 Ctrl + Shift + P),輸入 Capture 則可看到四種型別截圖命令,

選擇需要的截圖方式,直接按下回車鍵便可進行操作,例如使用Capture full size screenshot進行截圖,截出來的圖質量還是可以的,

此工具針對模擬手機端的網站也同樣適用,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/36506.html
標籤:其他
上一篇:Markdown學習小結
下一篇:微信小程式開發部署
