谷歌瀏覽器截圖的快捷鍵是什么? Chrome自帶的4種截圖方式適合收藏

發(fā)布時間：2023-11-21 09:34:03 作者：佚名

谷歌瀏覽器截圖的快捷鍵是什么？Chrome瀏覽器截圖的方法很多，使用快捷鍵截圖很方便，下面我們就來看看Chrome自帶的4種截圖方式收藏

我們在使用谷歌瀏覽器的時候都會進行到內(nèi)容上的截圖，近期也就有不少的用戶們在詢問小編谷歌瀏覽器快捷鍵截圖是哪個鍵？谷歌網(wǎng)頁截圖怎么弄？下面就讓本站來為用戶們來仔細的介紹一下Chrome瀏覽器自帶的4種截圖方式吧，感興趣的用戶們可以關(guān)注一下。

谷歌瀏覽器(Chrome)2021 v96.0.4664.45 官方正式版 64位

類型：主頁瀏覽
大?。?/span>1.24MB
語言：簡體中文
時間：2021-11-21

查看詳情

Chrome瀏覽器自帶的4種截圖方式

1、頁面區(qū)域截屏快捷鍵：Ctrl+Alt+R。

2、可視頁面截屏快捷鍵：Ctrl+Alt+V。

3、整張頁面截屏快捷鍵：Ctrl+Alt+H。

4、全屏區(qū)域截屏快捷鍵：Ctrl+Alt+P。

谷歌瀏覽器的截圖方法：按下快捷鍵“Ctrl+Alt+R”，然后拖拉鼠標進行截圖區(qū)域的選取，選定之后點擊下方的“截圖”即可。

詳細介紹

▍在Chrome中輸入截圖命令

在執(zhí)行截圖命令之前，我們還有點前期操作。

在你需要截圖的網(wǎng)頁上，按F12打開開發(fā)調(diào)試頁面。

在開發(fā)調(diào)試頁面上，按下Shift+Ctrl+P，打開命令輸入框，輸入Capture（抓取，捕獲）。

△ 輸入命令

輸入命令后，4種截圖模式都顯示出來了。分別是：

區(qū)域截圖（Capture area screenshot）

整個頁面截圖（Capture full size screenshot）

網(wǎng)頁節(jié)點截圖（Capture node screenshot）

當前頁面顯示部分截圖（Capture screenshot）

下面是具體演示。

▍區(qū)域截圖（Capture area screenshot）

輸入命令后，按鍵盤上下方向鍵，選擇命令并按Enter確認執(zhí)行命令。這里選擇"Capture area screenshot"命令。在Chrome當前頁面內(nèi)的光標會變成"十字光標"，如果你將光標移出Chrome頁面區(qū)域，光標會變成正常箭頭，因為命令只對Chrome頁面有效。點擊拖動，會框選一片區(qū)域（變暗），當你彈開鼠標左鍵，你框選的區(qū)域就截圖完成。通過Chrome下載，自動保存到你的本地位置（下載的本地位置，可在Chrome設(shè)置中查看）。

△ 框選區(qū)域

▍整個頁面截圖（Capture full size screenshot）

如果我們選"Capture full size screenshot"并執(zhí)行，那么Chrome會自動將當前頁面所有內(nèi)容截圖形成一張長圖，自動下載并保存到本地。該命令在你按下Enter后全自動執(zhí)行，不需要手動操作。使用此命令對網(wǎng)頁截圖時需要注意：最好事先瀏覽一遍頁面，讓網(wǎng)頁中的所有圖片和其他內(nèi)容都加載出來，因為有些頁面是你瀏覽到什么位置才會加載什么位置的內(nèi)容。

△ 整個網(wǎng)頁截圖（選區(qū)部分用作此處展示）

▍網(wǎng)頁節(jié)點截圖（Capture node screenshot）

node節(jié)點的理解可能需要一點頁面前端知識。我們看的網(wǎng)頁，是由很多node，按照一定的結(jié)構(gòu)組合形成的。你看的一個圖片，一段文字，都是一個節(jié)點中的內(nèi)容。

比如我們想截取這張圖片，操作步驟：

鼠標右鍵該圖片，在彈出菜單中選擇"檢查"，在右側(cè)的開發(fā)者調(diào)試界面"Elements（元素）"下，你就能定位到這張圖對應(yīng)的后臺頁面代碼。

我們Shift+Ctrl+P，輸入"Capture"并選擇執(zhí)行"Capture node screenshot"，Chrome自動截圖該node節(jié)點的內(nèi)容，不管你是圖片還是文字，統(tǒng)統(tǒng)給你截圖，自動給你下載到本地，去查看吧。

△ 定位node節(jié)點

通過"檢查"定位后臺頁面代碼，還有一個用處，我們可以在該節(jié)點上鼠標右鍵，在彈出的菜單中直接選擇"Capture node screenshot"并執(zhí)行，不需要輸入命令。這個命令本身也屬于對節(jié)點操作。結(jié)果和執(zhí)行命令相同，都是截取了這種圖片。

△ 通過節(jié)點右鍵菜單實現(xiàn)截圖

▍當前頁面顯示部分截圖（Capture screenshot）

該操作和整個網(wǎng)頁頁面截圖類似，執(zhí)行"Capture screenshot"命令后，Chrome自動執(zhí)行截圖和下載操作，并保存到本地，直接去查看即可。對"當前頁面顯示部分"的理解：當前執(zhí)行截圖命令的網(wǎng)頁頁面，你能直接看到多少區(qū)域內(nèi)容，那這塊區(qū)域就是這個命令截取的圖片的區(qū)域。

△ 對當前頁面顯示區(qū)域的截圖

▍設(shè)置截圖快捷鍵

在F12開發(fā)者調(diào)試界面的右上角位置，有一個設(shè)置按鈕，點擊進去開發(fā)調(diào)試界面的設(shè)置頁面-進入常規(guī)設(shè)置，將語言設(shè)置為中文，方便查看和設(shè)置。

△ 設(shè)置中文界面

選擇好語言之后，右上方點擊設(shè)置界面的窗口關(guān)閉按鈕。你能看到一個重載的提醒，點擊"Reload DevTools"，重載開發(fā)者調(diào)試界面。

△ 重載開發(fā)者調(diào)試界面

你會發(fā)現(xiàn)界面都變成中文了，ok，重新點擊第一步，打開開發(fā)者調(diào)試界面的設(shè)置窗口，現(xiàn)在都是中文了，點擊最后的"快捷鍵"，進入快捷鍵設(shè)置。這里4種截圖方式都可以設(shè)置各自對應(yīng)的快捷鍵，想便捷實用，不想輸入命令的朋友可以試試。