轉用Chrome，不僅僅因為它的插件之豐富，更因為它的響應速度其他瀏覽器都望塵莫及。接着我就要寫寫一些心得。
如何最簡易地用上谷歌搜索？
1，下載hosts文件:https://pan.baidu.com/s/1c2r8jV6 解壓密碼：laod.org（ 感謝老D大神的貢獻的hosts！！）
2，然后把hosts(沒有后綴的文件）分別調換掉原本系統里的hosts文件，即可正常使用谷歌搜索。
Windows 系統hosts位於 C:\Windows\System32\drivers\etc\hosts
Android（安卓）系統hosts位於 /system/etc/hosts
Mac（蘋果電腦）系統hosts跟Linux一樣位於 /etc/hosts
iPhone（iOS）系統hosts跟Linux Mac一樣位於 /etc/hosts
Linux系統hosts位於 /etc/hosts
android可以利用root explorer 這個app完成替換。
3.接着你就能像我一樣愉快地不用一分錢就能訪問Facebook，gmail,谷歌學術等等網站了，同時也能訪問chrome商店了。
注意輸入https而不是http,www.google.com后要加個.hk
chrome實用插件：
用了幾個月的推薦：
Infinity(必備)：善心悅目的背景，而且可以自定圖標。（鼠標滾輪可以翻頁）
AdBlock（必備）：到現在幫我屏蔽了上萬條廣告
視頻廣告終結者：在不辦任何會員的情況下，基本上所有視頻都沒廣告了，你知道這酸爽嗎？
LassPass:這個也是利器，不過要花一點點時間學會用，會用的好處就是所有的密碼都不要記了，比如博客園這么麻煩的密碼（嘿嘿）
Google翻譯：一鍵翻譯（對於英語不是特別好的我用的也是酸爽）
另外對於前端專用有些插件推薦：
Page Ruler:利器(度量網頁任何部分的尺寸)
CSSViewer：還行（水平高的不需要這插件了）
Window Resizer:不會Chrome控制台調試的就需要這個插件了
Eye Dropper:同上
Chrome調試工具介紹：
接下來我們先簡要介紹一下Chrome調試工具各個工具的作用。
Element
Elements板塊你可以看到整個頁面的Dom結構。你可以在這里編輯HTML,查看元素CSS,查找元素等等。
Console
Console應該都很熟悉了吧？經常會以為少寫了’}’而報語法錯誤。當然它的功能遠不止這些。點擊這里查看更多
Sources
Sources就是所有資源了，你可以看到頁面加載的資源，圖片，css,js等，它們會按照資源的來源分類。
Network
這個板塊，你可以查看頁面所加載的所有資源響應情況，響應時間，瀏覽器等待時間，狀態碼，MINE Type,資源大小等。
Timeline
跟前面的工具相比，Timeline就高級很多了。它可以讓你查看瀏覽器的渲染流程。解析代碼,布局，繪制，合並渲染層。
Profiles
Profiles工具主要是用來檢測CPU占用程度，堆棧申請的內存。
Resources
Resources工具顯示資源的，跟Sources不同的是，它會對文檔類型分類。並且它可以查看，增加，刪除，修改頁面LocalStorage，SessionStorage,Cookies等等。
以下內容借鑒了該文
快速切換文件
按Ctrl+P（cmd+p on mac）,就能快速搜尋和打開你項目的文件。
在源代碼中搜索
大家都知道如果在要在Elements查看源碼，只要定位到Elements面板，然后按ctrl+f就可以了
在源代碼中快速跳轉到指定的行
在Sources標簽中打開一個文件之后，按Ctrl + G，(or Cmd + L for Mac)，然后輸入行號，chrome控制台就會跳轉到你輸入的行號所在的行。
或者ctrl+p后輸入 :行號；
使用多個插入符進行選擇
當編輯一個文件的時候，你可以按住Ctrl在你要編輯的地方點擊鼠標，可以設置多個插入符，這樣可以一次在多個地方編輯
設備模式
格式化凌亂的js源碼
有時候看到壓縮好的一團糟的js，都不知道從何着手去看。chrome控制台有內建的美化代碼功能，可以返回一段最小化且格式易讀的代碼。Pretty Print的按鈕在Sources標簽的左下角。
顏色選擇器
當在樣式編輯中選擇了一個顏色屬性時，你可以點擊顏色預覽，就會彈出一個顏色選擇器。當選擇器開啟時，如果你停留在頁面，鼠標指針會變成一個放大鏡，讓你去選擇像素精度的顏色。
改變顏色格式
相信前端開發人員都知道，顏色有很多種表示方式，比如rgb,hsl,十六進制表示方法等。看了下面的這個圖，我相信你肯定會佩服chrome的功能強大，連細節都做得那么好。
在顏色預覽功能使用快捷鍵Shift + Click，可以在rgba、hsl和hexadecimal來回切換顏色的格式
強制改變元素狀態（方便查看不同狀態下元素的樣式）
chrome控制台有一個可以模擬CSS狀態的功能，例如元素的hover和focus,可以很容易的改變元素樣式。在CSS編輯器中可以利用這個功能查看不同狀態下元素的樣式，我相信這個功能對於模仿別人界面的前端愛好者來說是非常實用的。
利用chrome來查看和編輯本地文件
事實上我們可以用chrome來查看本地文件，只要把相關目錄拖到chrome瀏覽器中即可。
選擇下一個匹配項
當在Sources標簽下編輯文件時，按下Ctrl + D (Cmd + D) ，當前選中的單詞的下一個匹配也會被選中，有利於你同時對它們進行編輯。
可視化的DOM陰影
奇淫技
.隱藏的刷新按鈕，在開發者工具打開的情況下，長按左上角的刷新按鈕，會出現多種加載選項。
Add Folder to Workspace，在Source面板下，右鍵選擇Add Folder
Source下的Snippets，可以讓你想保存小段的腳本、書簽或是你在瀏覽器中調試時經常用到的代碼，都可以使用Snippets，你可以在Source面板里創建、存儲和運行這些Snippets。
保存，回退
可以保存修改，Source面板下的文件是可以修改並且支持版本回退的。打開一個文件，進行編輯，保存。右鍵打開Local Modifications,你可以看到保存記錄，你可以選擇回退，到某個時間點。你也可以另存為~
Chrome Dev開發者選項
Chrome Dev開發者選項,瀏覽器進入chrome://flags，你會看到很多瀏覽器很多隱藏功能，啟用開發者工具實驗。
然后再進入設置，你會看到新增加了很多開發者選項。
打開Layer面板，可以讓你看到頁面中的復合層。（查找頁面原因的時候非常有用）
總結
以上內容很多朋友應該不知道，所以在此拿出來分享。Chorme確實強大，用好它不止能省下那么一點時間呢！