1. 程式人生 > 其它 >使用chrome瀏覽器除錯時的搜尋技巧

使用chrome瀏覽器除錯時的搜尋技巧

chrome瀏覽器具有速度快,相容性好,穩定,功能強大等優點,現在是市場佔有率最高的瀏覽器。對於程式設計師來說,它的除錯功能特別方便,如果你是一個程式設計師,不僅僅應該掌握chrome瀏覽器除錯介面的基本使用,還應該學會一些進階的技巧,在特定的場合能夠起到事半功倍的效果。下面介紹一些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請求,ws連線就不是檔案。

    END