chrome對於開發人員來說，絕對是乙個神器。下面，介紹關於它的一些小技巧：
我之前一般如果查詢每個檔案，都是開啟控制台，在source控制面板裡面乙個乙個去找，但是這樣的效率是極低的，其實我們可以ctrl+p,就可以輸入檔名，進行搜尋相應的資源了，當然，也可以只輸入一部分，比如，輸入.js就會把所有js檔案顯示出來，然後我們再去找就方便多了。
我們在source中開啟乙個js檔案時，有時候該js檔案是被壓縮的，我們就不方便檢視了，怎麼解決這一問題呢？先看下圖：
這時，上面的一行**就展開了，我們就可以方便的對其進行檢視了。
開啟f12，點選
中的第二個圖示，就可以在pc和移動端之間切換了。這時我們就可以根據需要來除錯移動端裝置了。除此之外，看下圖：
在上方，我們可以選擇不同的裝置，在右上角，我們可以點選，可以看到還有下面這些選項：
即可以顯示裝置框架、顯示**查詢、尺子、dpr、裝置型別、網路、截圖、恢復預設設定。
並不是索然無味的，我們可以給其新增修飾。如下所示：
console.log('
%c我%c愛%c你
','font-size:60px;color:red
','font-size:40px;color:blue
','font-size:20px;color:green
')
即使用%c來分開，然後分別修飾即可。 第二個引數修飾第乙個%之後的內容，第三個引數修飾第二個%之後的內容，第四個參宿修飾第三個%之後的內容。
最後顯示效果如下所示：
當然不僅僅是%c。
chrome在這方面的應用和c語言非常的相似。
如在chrome中使用ctrl + f簡直不要太舒服！ 當按下ctrl + f 時，就可以搜尋其中你希望的一些關鍵字了， 然後我們可以利用回車鍵來進行不同位置的相同關鍵字的檢視。
Chrome使用技巧
google chrome是一款由google公司開發的網頁瀏覽器，是程式設計師們開發前端的必備利器。掌握一定的chrome除錯方法可以快速排查和定位問題，大幅度提高開發效率。下面就由小編來介紹一下chrome除錯時會使用的功能。圖一 chrome功能面板 elements 元素面板 console...
Chrome 除錯技巧
可快速關注 alert console 基本輸出 console.log在控制台輸出點東西，其實console還有其它的方法 console.log 列印字串 在控制台列印自定義字串 console.error 我是個錯誤 在控制台列印自定義錯誤資訊 console.info 我是個資訊 在控制台列...
Chrome 除錯技巧
前言 除了我們日常使用的除錯方法，在chrome中，其含有一些有意思的方法，有助於提高我們的開發除錯效率。使用sublime的人或習慣用command p 進行檔案的跳轉，在chrome dev tools中其實也有類似的跳轉方法。command p command p 檔名 數字 sublime中...