Chrome瀏覽器作為一款功能強(qiáng)大、速度快、兼容性好且穩(wěn)定的瀏覽器，憑借其優(yōu)點(diǎn)目前在市場上占據(jù)著最高的市場份額。對于程序員來說，Chrome瀏覽器的調(diào)試功能尤為方便，掌握基本的調(diào)試界面使用是必不可少的

Chrome瀏覽器作為一款功能強(qiáng)大、速度快、兼容性好且穩(wěn)定的瀏覽器，憑借其優(yōu)點(diǎn)目前在市場上占據(jù)著最高的市場份額。對于程序員來說，Chrome瀏覽器的調(diào)試功能尤為方便，掌握基本的調(diào)試界面使用是必不可少的，同時(shí)還需要學(xué)習(xí)一些進(jìn)階技巧，以在特定場合發(fā)揮事半功倍的效果。接下來將介紹一些Chrome瀏覽器的使用技巧。

1. 搜索元素中的字符串

在瀏覽器控制臺中，選擇"Elements"標(biāo)簽，隨便點(diǎn)擊一個(gè)元素，然后按下Ctrl F組合鍵，即可在頁面中搜索HTML內(nèi)容中的字符串。

2. 搜索樣式

在樣式方塊中，點(diǎn)擊"Styles"或"Computed"標(biāo)簽，在Filter輸入框中輸入一個(gè)樣式，可以從當(dāng)前頁面所使用到的樣式中進(jìn)行篩選。

3. 搜索控制臺輸出內(nèi)容

用鼠標(biāo)點(diǎn)擊一下控制臺輸出窗口，然后按下Ctrl F組合鍵，可以搜索控制臺中的輸出內(nèi)容，包括console信息和報(bào)錯(cuò)內(nèi)容。同時(shí)，還可以設(shè)置是否忽略大小寫或使用正則表達(dá)式進(jìn)行搜索。

4. 搜索頁面各種文本資源中的字符串

在"Sources"標(biāo)簽中的"Sources"子標(biāo)簽下，隨便選擇一個(gè)文件，雙擊打開，然后在右邊窗口使用Ctrl F組合鍵進(jìn)行文本搜索。記得先點(diǎn)擊"{ }"符號整理格式以增加可讀性。

5. 全局搜索字符串

在控制臺任何地方按下Ctrl Shift F組合鍵，可以搜索頁面中用到的所有文本資源中的字符串。

6. 按文件名搜索

在控制臺的各處，按下Ctrl O或者Ctrl P組合鍵，呼出一個(gè)文件列表窗口，輸入關(guān)鍵詞，即可搜索包含該關(guān)鍵詞的文件名。

7. 搜索網(wǎng)絡(luò)連接

在"Network"標(biāo)簽下可以查看和搜索網(wǎng)絡(luò)連接。大部分通過文件名搜索到的文件也可以在這個(gè)頁面中找到。但需要注意的是，并不是所有的網(wǎng)絡(luò)連接都是文件，比如XHR請求和WebSocket連接就不屬于文件類型。