摘要：是我比較喜歡的一個瀏覽器，本文作者通過圖文并茂的方式向我們展示了的個基礎使用技巧，我從中發現跟使用中有很多類似的快捷鍵，希望你也能從中有所收獲。

chrome是我比較喜歡的一個瀏覽器，本文作者通過圖文并茂的方式向我們展示了Chrome的13個基礎使用技巧，我從中發現跟使用Sublime Text2中有很多類似的快捷鍵，希望你也能從中有所收獲。

我一般如果查找每個文件，一般都是打開控制臺，在source控制面板里面一個一個去找，看下面的圖你就應該知道，這么多文件，你都不知道在哪個目錄下面，然后就只能一個一個點開看

后來才發現原來按Ctrl+P（cmd+p on mac）,就能快速搜尋和打開你項目的文件。

大家都知道如果在要在Elements查看源碼，只要定位到Elements面板，然后按ctrl+f就可以了

可是如果你希望在源代碼中搜索要怎么辦呢？在頁面已經加載的文件中搜尋一個特定的字符串，快捷鍵是Ctrl + Shift + F (Cmd + Opt + F)，這種搜尋方式還支持正則表達式哦

大家都知道在VS里，一個cs文件可能特別多行，然后我們就是使用ctrl+g快捷鍵來跳轉到特定的行，事實上在chrome控制臺也是一樣的，在Sources標簽中打開一個文件之后，按Ctrl + G，(or Cmd + L for Mac)，然后輸入行號，chrome控制臺就會跳轉到你輸入的行號所在的行。

當編輯一個文件的時候，你可以按住Ctrl在你要編輯的地方點擊鼠標，可以設置多個插入符，這樣可以一次在多個地方編輯

最近做用H5做攜程商旅APP，用的最多的就是chrome瀏覽器的設備模式。試想一下，如果我們每在Visual studio工具上開發完一個功能又得跑到手機上調試，那得多煩，開發效率多低呀。想想就知道為什么那么多人喜歡用chrome瀏覽器。

設備模式的另一個很酷的功能是模擬移動設備的傳感器，例如觸摸屏幕和加速計。你甚至可以惡搞你的地理位置。這個功能位于元素標簽的底部，點擊“show drawer”按鈕，就可看見Emulation?--> Sensors.

有時候看到壓縮好的一團糟的js，都不知道從何著手去看。chrome控制臺有內建的美化代碼功能，可以返回一段最小化且格式易讀的代碼。Pretty Print的按鈕在Sources標簽的左下角。

當在樣式編輯中選擇了一個顏色屬性時，你可以點擊顏色預覽，就會彈出一個顏色選擇器。當選擇器開啟時，如果你停留在頁面，鼠標指針會變成一個放大鏡，讓你去選擇像素精度的顏色。

相信前端開發人員都知道，顏色有很多種表示方式，比如rgb,hsl,十六進制表示方法等。看了下面的這個圖，我相信你肯定會佩服chrome的功能強大，連細節都做得那么好。

在顏色預覽功能使用快捷鍵Shift + Click，可以在rgba、hsl和hexadecimal來回切換顏色的格式

chrome控制臺有一個可以模擬CSS狀態的功能，例如元素的hover和focus,可以很容易的改變元素樣式。在CSS編輯器中可以利用這個功能查看不同狀態下元素的樣式，我相信這個功能對于模仿別人界面的前端愛好者來說是非常實用的。

事實上我們可以用chrome來查看本地文件，只要把相關目錄拖到chrome瀏覽器中即可。

當在Sources標簽下編輯文件時，按下Ctrl + D (Cmd + D) ，當前選中的單詞的下一個匹配也會被選中，有利于你同時對它們進行編輯。

eb瀏覽器在構建如文本框、按鈕和輸入框一類元素時，其它基本元素的視圖是隱藏的。不過，你可以在Settings -> General?中切換成Show user agent shadow DOM，這樣就會在元素標簽頁中顯示被隱藏的代碼。甚至還能多帶帶設計他們的樣式，這給你了很大的控制權。

這點特性在我的另一篇博文中有提到,當時遇到問題時找了半天才發現原因，如果早點能知道chrome的這個特性，我相信必定會節省不少時間。

原文鏈接： http://www.cnblogs.com/liyunh...

（Android）面試題級答案（精選版）

分享一份非常強勢的Android面試題

分享我學習Java后臺的三個總結

堅持：學習Java后臺的第一階段，我學習了那些知識

如果你有什么問題，歡迎隨時來聊我！