在Web開發者中,Google Chrome是使用最廣泛的瀏覽器。六周一次的發布周期和一套強大的不斷擴大開發功能,使其成為了web開發者必備的工具。你可能已經熟悉了它的部分功能,如使用console和debugger在線編輯CSS。在這篇文章中,我們將分享15個有助于改進你的開發流程的技巧。

一、快速切換文件
如果你使用過sublime text,那么你可能不習慣沒有Go to anything這個功能的覆蓋。你會很高興聽到chrome開發者功能也有這個功能,當DevTools被打開的時候,按Ctrl+P(cmd+p on mac),就能快速搜尋和打開你項目的文件。

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

三、快速跳轉到指定行
在Sources標簽中打開一個文件之后,在Windows和Linux中,按Ctrl + G,(or Cmd + L for Mac),然后輸入行號,DevTools就會允許你跳轉到文件中的任意一行。

另外一種方式是按Ctrl + O,輸入:和行數,而不用去尋找一個文件。
四、在控制臺選擇元素
DevTools控制臺支持一些變量和函數來選擇DOM元素:
$() 主站蜘蛛池模板: 辽阳市| 顺义区| 金溪县| 申扎县| 鸡西市| 宁夏| 宁强县| 杭锦后旗| 手游| 鹤庆县| 肃北| 岳普湖县| 宁蒗| 台中市| 准格尔旗| 西丰县| 龙胜| 碌曲县| 贵溪市| 佛教| 南乐县| 图们市| 靖江市| 常宁市| 红桥区| 凤城市| 勃利县| 寿宁县| 横峰县| 钟祥市| 乳山市| 石棉县| 理塘县| 民乐县| 万源市| 高邑县| 佳木斯市| 浦北县| 隆林| 墨江| 南和县|