寫在前面
之前有看過劉哇勇寫的Chrome 控制檯不完全指南,讓我覺得瞬間對chrome的瞭解實在太淺了。對此特意瞭解了一番（也就是在他的博文上進行了一些總結和了解一些其它chrome使用方面的訣竅），寫了兩篇博文
你可能不知道console強大
我所瞭解的chrome
最近又學到了一些chrome的使用技巧，在此分享一下，大家不要說我是抄襲，我只是覺得工欲善其事，必先利其器。chrome在我心裡就是神。
我只是很用心的寫一下這篇文章，希望這些使用技巧對大家有用。
快速切換檔案
我一般如果查詢每個檔案，一般都是開啟控制檯，在source控制皮膚裡面一個一個去找，看下面的圖你就應該知道，這麼多檔案，你都不知道在哪個目錄下面，然後就只能一個一個點開看
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/011952479411904.png[/img]
後來才發現原來按Ctrl+P（cmd+p on mac）,就能快速搜尋和開啟你專案的檔案。
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/011954297544707.gif[/img]
在原始碼中搜尋
大家都知道如果在要在Elements檢視原始碼，只要定位到Elements皮膚，然後按ctrl+f就可以了
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/011956582078260.png[/img]
可是如果你希望在原始碼中搜尋要怎麼辦呢？在頁面已經載入的檔案中搜尋一個特定的字串，快捷鍵是Ctrl + Shift + F (Cmd + Opt + F)，這種搜尋方式還支援正規表示式哦
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/011957408941336.png[/img]
在原始碼中快速跳轉到指定的行
大家都知道在VS裡，一個cs檔案可能特別多行，然後我們就是使用ctrl+g快捷鍵來跳轉到特定的行，事實上在chrome控制檯也是一樣的，在 Sources標籤中開啟一個檔案之後，按Ctrl + G，(or Cmd + L for Mac)，然後輸入行號，chrome控制檯就會跳轉到你輸入的行號所在的行。
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/012140236601662.gif[/img]
使用多個插入符進行選擇
當編輯一個檔案的時候，你可以按住Ctrl在你要編輯的地方點選滑鼠，可以設定多個插入符，這樣可以一次在多個地方編輯
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/012141031295219.gif[/img]
裝置模式
最近做用H5做攜程商旅APP，用的最多的就是chrome瀏覽器的裝置模式。試想一下，如果我們每在Visual studio工具上開發完一個功能又得跑到手機上除錯，那得多煩，開發效率多低呀。想想就知道為什麼那麼多人喜歡用chrome瀏覽器。
[img=chrome,瀏覽器]http://files.cnblogs.com/files/liyunhua/chrome_ctrip.gif[/img]
裝置感測模擬
裝置模式的另一個很酷的功能是模擬移動裝置的感測器，例如觸控螢幕和加速計。你甚至可以惡搞你的地理位置。這個功能位於元素標籤的底部，點選“show drawer”按鈕，就可看見Emulation --> Sensors.
完整內容點此檢視
之前有看過劉哇勇寫的Chrome 控制檯不完全指南,讓我覺得瞬間對chrome的瞭解實在太淺了。對此特意瞭解了一番（也就是在他的博文上進行了一些總結和了解一些其它chrome使用方面的訣竅），寫了兩篇博文
你可能不知道console強大
我所瞭解的chrome
最近又學到了一些chrome的使用技巧，在此分享一下，大家不要說我是抄襲，我只是覺得工欲善其事，必先利其器。chrome在我心裡就是神。
我只是很用心的寫一下這篇文章，希望這些使用技巧對大家有用。
快速切換檔案
我一般如果查詢每個檔案，一般都是開啟控制檯，在source控制皮膚裡面一個一個去找，看下面的圖你就應該知道，這麼多檔案，你都不知道在哪個目錄下面，然後就只能一個一個點開看
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/011952479411904.png[/img]
後來才發現原來按Ctrl+P（cmd+p on mac）,就能快速搜尋和開啟你專案的檔案。
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/011954297544707.gif[/img]
在原始碼中搜尋
大家都知道如果在要在Elements檢視原始碼，只要定位到Elements皮膚，然後按ctrl+f就可以了
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/011956582078260.png[/img]
可是如果你希望在原始碼中搜尋要怎麼辦呢？在頁面已經載入的檔案中搜尋一個特定的字串，快捷鍵是Ctrl + Shift + F (Cmd + Opt + F)，這種搜尋方式還支援正規表示式哦
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/011957408941336.png[/img]
在原始碼中快速跳轉到指定的行
大家都知道在VS裡，一個cs檔案可能特別多行，然後我們就是使用ctrl+g快捷鍵來跳轉到特定的行，事實上在chrome控制檯也是一樣的，在 Sources標籤中開啟一個檔案之後，按Ctrl + G，(or Cmd + L for Mac)，然後輸入行號，chrome控制檯就會跳轉到你輸入的行號所在的行。
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/012140236601662.gif[/img]
使用多個插入符進行選擇
當編輯一個檔案的時候，你可以按住Ctrl在你要編輯的地方點選滑鼠，可以設定多個插入符，這樣可以一次在多個地方編輯
[img=chrome,瀏覽器]http://images0.cnblogs.com/blog2015/755265/201506/012141031295219.gif[/img]
裝置模式
最近做用H5做攜程商旅APP，用的最多的就是chrome瀏覽器的裝置模式。試想一下，如果我們每在Visual studio工具上開發完一個功能又得跑到手機上除錯，那得多煩，開發效率多低呀。想想就知道為什麼那麼多人喜歡用chrome瀏覽器。
[img=chrome,瀏覽器]http://files.cnblogs.com/files/liyunhua/chrome_ctrip.gif[/img]
裝置感測模擬
裝置模式的另一個很酷的功能是模擬移動裝置的感測器，例如觸控螢幕和加速計。你甚至可以惡搞你的地理位置。這個功能位於元素標籤的底部，點選“show drawer”按鈕，就可看見Emulation --> Sensors.
完整內容點此檢視