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

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

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

我們?cè)谑褂霉雀铻g覽器的時(shí)候都會(huì)進(jìn)行到內(nèi)容上的截圖，近期也就有不少的用戶(hù)們?cè)谠?xún)問(wèn)小編谷歌瀏覽器快捷鍵截圖是哪個(gè)鍵？谷歌網(wǎng)頁(yè)截圖怎么弄？下面就讓本站來(lái)為用戶(hù)們來(lái)仔細(xì)的介紹一下Chrome瀏覽器自帶的4種截圖方式吧，感興趣的用戶(hù)們可以關(guān)注一下。

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

類(lèi)型：主頁(yè)瀏覽
大小：1.24MB
語(yǔ)言：簡(jiǎn)體中文
時(shí)間：2021-11-21

查看詳情

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

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

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

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

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

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

詳細(xì)介紹

▍在Chrome中輸入截圖命令

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

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

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

△ 輸入命令

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

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

整個(gè)頁(yè)面截圖（Capture full size screenshot）

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

當(dāng)前頁(yè)面顯示部分截圖（Capture screenshot）

下面是具體演示。

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

輸入命令后，按鍵盤(pán)上下方向鍵，選擇命令并按Enter確認(rèn)執(zhí)行命令。這里選擇"Capture area screenshot"命令。在Chrome當(dāng)前頁(yè)面內(nèi)的光標(biāo)會(huì)變成"十字光標(biāo)"，如果你將光標(biāo)移出Chrome頁(yè)面區(qū)域，光標(biāo)會(huì)變成正常箭頭，因?yàn)槊钪粚?duì)Chrome頁(yè)面有效。點(diǎn)擊拖動(dòng)，會(huì)框選一片區(qū)域（變暗），當(dāng)你彈開(kāi)鼠標(biāo)左鍵，你框選的區(qū)域就截圖完成。通過(guò)Chrome下載，自動(dòng)保存到你的本地位置（下載的本地位置，可在Chrome設(shè)置中查看）。

△ 框選區(qū)域

▍整個(gè)頁(yè)面截圖（Capture full size screenshot）

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

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

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

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

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

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

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

△ 定位node節(jié)點(diǎn)

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

△ 通過(guò)節(jié)點(diǎn)右鍵菜單實(shí)現(xiàn)截圖

▍當(dāng)前頁(yè)面顯示部分截圖（Capture screenshot）

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

△ 對(duì)當(dāng)前頁(yè)面顯示區(qū)域的截圖

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

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

△ 設(shè)置中文界面

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

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

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