一、前言
我們平時在瀏覽網頁時，想把碰到好的網頁內容或者文章截屏保存，但是網頁的長度常常會超出屏幕高度，一般的截屏功能只能截取顯示在屏幕上的內容，那我們該如何方便快捷截取全部內容？今天就分享一個如何利用Chrome瀏覽器在不安裝第三方軟件的情況下直接截取網頁的方法。
二、如何利用Chrome瀏覽器截屏
1、選擇Chrome瀏覽器，打開需要截圖的網頁；
2、頁面加載完成后，按下快捷鍵組合 Ctrl+Shift+I（Windows）/F12 或者 Alt+Command+I（Mac）調出開發者工具，具體如下圖所示：
3、開發者工具中，按下快捷鍵組合Ctrl+Shift +P(Windows) 或 Command+Shift+P(Mac)來打開命令行，具體如下圖所示：
4、在命令行中輸入"Screen"，可以看到三個選項，根據不同需求進行選擇，具體如下圖所示：
◆ 整個網頁：Capture full size screenshot
◆ 節點網頁：Capture node screenshot
◆ 當前屏幕：Capture screenshot
三、應用
1、截取整個網頁的內容，進行截屏（Capture full size screenshot）
2、選擇需要的元素節點，進行截屏（Capture node screenshot）
3、根據當前當前屏幕的大小，進行截屏（Capture screenshot）
四、總結
如果你想在網頁中截取手機的畫面截，可通過快速鍵 Ctrl + Shift + M（Mac為 Command + Shift + M）來開啟模擬工具，切換 iPhone、iPad、Nexus、Galaxy 等裝置開啟網頁的顯示情形，再根據上面介紹的截圖功能抓取網頁在手機顯示的畫面截圖，具體如圖所示：
利用Chrome瀏覽的開發者工具，完美實現網頁全屏截圖，不需要安裝任何插件，大家快來試試吧。
① Ctrl+Shift+I（F12）
② Ctrl+Shift+P
③ 輸入"Screen"
④ 選擇不用的方式截取：
▶ 整個網頁（Capture full size screenshot）
▶ 節點網頁（Capture node screenshot）
▶ 當前屏幕（Capture screenshot）
優秀是一種習慣，歡迎大家關注學習
