在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元素:
$() 主站蜘蛛池模板: 麟游县| 肇源县| 泗水县| 高要市| 樟树市| 天水市| 丰顺县| 邢台市| 揭阳市| 景宁| 昌都县| 罗平县| 蒲江县| 通城县| 北京市| 昭苏县| 两当县| 纳雍县| 申扎县| 东阿县| 白水县| 泰和县| 大埔区| 晋城| 济阳县| 康马县| 泰来县| 上思县| 固原市| 霞浦县| 蒲江县| 蓬莱市| 永城市| 江西省| 万宁市| 颍上县| 炉霍县| 芒康县| 荃湾区| 吴堡县| 潞城市|