使用Chrome瀏覽器的搜索技巧
Chrome瀏覽器作為一款功能強大、速度快、兼容性好且穩(wěn)定的瀏覽器,憑借其優(yōu)點目前在市場上占據著最高的市場份額。對于程序員來說,Chrome瀏覽器的調試功能尤為方便,掌握基本的調試界面使用是必不可少的
Chrome瀏覽器作為一款功能強大、速度快、兼容性好且穩(wěn)定的瀏覽器,憑借其優(yōu)點目前在市場上占據著最高的市場份額。對于程序員來說,Chrome瀏覽器的調試功能尤為方便,掌握基本的調試界面使用是必不可少的,同時還需要學習一些進階技巧,以在特定場合發(fā)揮事半功倍的效果。接下來將介紹一些Chrome瀏覽器的使用技巧。
1. 搜索元素中的字符串
在瀏覽器控制臺中,選擇"Elements"標簽,隨便點擊一個元素,然后按下Ctrl F組合鍵,即可在頁面中搜索HTML內容中的字符串。
2. 搜索樣式
在樣式方塊中,點擊"Styles"或"Computed"標簽,在Filter輸入框中輸入一個樣式,可以從當前頁面所使用到的樣式中進行篩選。
3. 搜索控制臺輸出內容
用鼠標點擊一下控制臺輸出窗口,然后按下Ctrl F組合鍵,可以搜索控制臺中的輸出內容,包括console信息和報錯內容。同時,還可以設置是否忽略大小寫或使用正則表達式進行搜索。
4. 搜索頁面各種文本資源中的字符串
在"Sources"標簽中的"Sources"子標簽下,隨便選擇一個文件,雙擊打開,然后在右邊窗口使用Ctrl F組合鍵進行文本搜索。記得先點擊"{ }"符號整理格式以增加可讀性。
5. 全局搜索字符串
在控制臺任何地方按下Ctrl Shift F組合鍵,可以搜索頁面中用到的所有文本資源中的字符串。
6. 按文件名搜索
在控制臺的各處,按下Ctrl O或者Ctrl P組合鍵,呼出一個文件列表窗口,輸入關鍵詞,即可搜索包含該關鍵詞的文件名。
7. 搜索網絡連接
在"Network"標簽下可以查看和搜索網絡連接。大部分通過文件名搜索到的文件也可以在這個頁面中找到。但需要注意的是,并不是所有的網絡連接都是文件,比如XHR請求和WebSocket連接就不屬于文件類型。