欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

  發(fā)布時(shí)間:2023-11-21 09:34:03   作者:佚名   我要評(píng)論
谷歌瀏覽器截圖的快捷鍵是什么?Chrome瀏覽器截圖的方法很多,使用快捷鍵截圖很方便,下面我們就來看看Chrome自帶的4種截圖方式收藏

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

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

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

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

3、整張頁面截屏快捷鍵: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)頁上,按F12打開開發(fā)調(diào)試頁面。

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

△ 輸入命令

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

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

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

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

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

下面是具體演示。

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

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

△ 框選區(qū)域

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

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

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

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

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

比如我們想截取這張圖片,操作步驟:

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

我們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)

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

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

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

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

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

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

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

△ 設(shè)置中文界面

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

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

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

△ 設(shè)置快捷鍵

以上就是ChromeChrome自帶的4種截圖方式,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

谷歌瀏覽器網(wǎng)頁顯示不全怎么處理? 解決chrome網(wǎng)頁顯示不全的方法

chrome怎么網(wǎng)頁靜音? 谷歌chrome谷歌瀏覽器設(shè)置單頁靜音的技巧

相關(guān)文章

最新評(píng)論