一、背景
在日常工作中,經常會有需要截圖的操作,而chrome瀏覽器自帶截圖功能,應付日常工作已夠用,下面就簡單介紹一下其使用的方法
二、截圖
1、打開瀏覽器
打開瀏覽器就很簡單了,就是打開瀏覽器,打開想訪問的網頁
2、打開開發者工具
瀏覽器頁面加載完成后,若是windows系統按快捷鍵組合 Ctrl+Shift+i
或者F12
,若是MAC系統則Alt+Command+i
調出開發者工具,如圖所示:
3、截圖
調出開發者工具后,按下快捷鍵組合Ctrl+Shift +P
(Windows)或 Command+Shift+P
(Mac)來打開命令行,接着在命令行輸入:Capture
,彈出選項欄,如圖所示:
- 截取整個網頁的內容,進行截屏(Capture full size screenshot)
- 選擇需要的元素節點,進行截屏(Capture node screenshot)
- 根據當前當前屏幕的大小,進行截屏(Capture screenshot)
- 在當前屏幕,鼠標划定指定區域,進行截屏(Capture area screenshot)
4、截圖成功
截圖成功后,自動下載圖片,並保存,如圖所示: