谷歌Chrome，是當前最流行且被眾多web開發人員使用的瀏覽器。最快六周就更新發布一次以及伴隨着它不斷強大的開發組件，使得Chrome成為你必備的開發工具。例如，在線編輯CSS，console以及debugger這些常用的調試技術，或許你已經了解。在本篇文章中，我們將介紹15個炫酷且實用的技巧，這將更快的提高你的開發效率。
該篇博客原文地址：http://www.cnblogs.com/giggle/p/5966991.html
一、快速查找文件
如果你使用過Sublime，那么你會知道’Go to anything’的強大。沒錯，Chrome現在也有了這一功能。
操作如下：
1、F12打開你的Chrome調試器；
2、按下Ctrl+P（Mac上Cmd + P）;
3、搜索你想打開的文件名即可。
二、在源代碼中搜索
但是，如果我們想在整個工程下，查找一段源代碼呢？
操作如下：
1、F12打開你的Chrome調試器；
2、按下Ctrl+Shift+F（Mac上Cmd+Opt+F）;
3、在輸入框中輸入你想查詢的源代碼，回車，就OK啦。
注：該搜索也支持正則表達式。
三、跳到指定行
當你在Chrome調試器的sources欄，已經打開了文件，Chrome也允許你跳到指定的行數，在Windows和Linux系統下，只需按下Ctrl+G（Mac上Cmd+L），然后輸入你指定的行數即可。
另一種，方法就是Ctrl+O，輸入”:”+行數即可。
四、在控制台(Console)中獲取DOM元素
Chrome控制台，提供了方法和變量來快速獲取頁面中的DOM元素，如下：
1、$()—就是document.querySelector()原生方法的映射。功能嘛，就是獲取並返回第一個與填寫的CSS屬性匹配的DOM元素，如$(‘div’)就會返回第一個出現在頁面中的div元素。
2、$$()—就是document.querySelectorAll()原生方法的映射。功能嘛，就是獲取並返回一個數組，數組中包含了所有與你填寫的CSS屬性匹配的DOM元素。
3、$0--$4—代表你在Chrome調試器中操作不同DOM元素的歷史記錄，且最多記錄5次，故而只有$0-$4這五個變量。$0代表最近一次，依次類推。
五、多光標
另一個牛逼的功能就是多光標。
當你想在呈現的文件中多處操作代碼時，你可以通過按住Ctrl（Mac上Cmd），然后鼠標點擊，你想要出現的光標處即可。
六、保存日志
在console面板上勾選‘保存日志’選項，則不會在你每次加載頁面時，清空日志。當你想要調查頁面關閉前的bugs時，可要記住這一選項哦。
七、格式化代碼
Chrome通過其內置的優化器，幫助你提高文件內容的可讀性。對於壓縮過或者雜亂的代碼，尤為適用。
怎么實現呢？
操作如下：
1、F12打開Chrome開發工具；
2、選擇你想要閱讀的文件；
3、點擊文件下方的”{ }”狀按鈕即可。
九、設備模擬器
另一個十分酷炫的功能就是，模擬移動設備端。
例如我們可以通過Chrome模擬人為觸摸屏幕和晃動設備。你甚至可以通過它改變你的地理位置哦。
操作如下：
1、F12打開Chrome調試器；
2、在調試器底部選中Emulation選項；
3、最后在Emulation面板中，左側選中Sensors即可。
十、顏色選擇器
當你調用了Chrome的顏色選擇器后，你可以通過你的鼠標，懸浮在網頁中的任意處，獲取顏色，它會十分精准地將其轉換成對應的編碼格式。
是不是很炫酷？
操作如下：
1、F12打開Chrome調試器；
2、選中目標元素；
3、在樣式編輯器中，點擊顏色預覽，就會出現這個顏色選擇器。
十一、強制改變元素狀態
Chrome開發工具有一個強制改變元素CSS狀態的功能，如:hover和:focus。對於CSSer比較方便。
十二、可視化“隱藏的DOM”
Web瀏覽器在構建例如textbox，button以及input這些元素時，通常會隱藏在其之下的展現層元素。
但是，我們可以通過Setting à General，在General面板中選中’Show user agent shadow DOM’這一選項，來展示這些被隱藏掉的基礎元素。
你甚至可以單獨地去設置它們的樣式。
十三、選中下一個匹配項
當你選中一個匹配項后，利用Ctrl+D（Mac上Cmd+D），就會將下一個相同的匹配項也選中，該功能可以幫助你同時編輯它們。
十四、 改變顏色格式
在顏色預覽中，通過Shift + 鼠標點擊，就可以在rgba,hsl和hexadecimal三種格式中，來回切換。
十五、利用Chrome的工作空間，編輯本地文件
Chrome的工作空間，也是非常強大的，它可以直接編輯和保存你的本地文件，無需額外的操作，例如復制、粘貼。怎么配置它呢？
操作如下：
1、 F12打開Chrome調試器
2、 找到Sources欄，出現在左側的控制面板，點擊鼠標右鍵，選擇Add Folder To Workspace。或者，直接將你整個工程文件夾，拖拽到調試器中。
這樣操作后，不管你打開哪個頁面，都會出現剛才你操作的文件。為了更加有用，你可以將頁面中用到的文件映射到相應的文件夾，允許在線編輯和簡單的保存。