1. 拖動 dom 元素
選中一個dom元素,通過拖動就可以改變元素的位置嘀趟。如下圖:
2. 選中 dom 元素右鍵刪除元素
選中一個dom元素右鍵菜單會有很多功能選項,常用的有隱藏撩幽、刪除元素等职抡。如下圖:
3. 在控制臺引用選中元素 $0
使用$0可以在控制臺引用選中元素,如下圖:
4. $_引用上一次的結果
使用$_可以在控制臺引用上一次結果眯分,如下圖:
5. ctrl+點擊樣式 會跳轉到該樣式代碼的源文件
6. saveAs 保存修改后的樣式源文件
保存后的樣式文件打開拌汇,如下:
7. 根據 css 選擇器查找元素 ctrl + f
ctrl + f會彈出搜索框,我們可以根據css選擇器弊决、關鍵字等查找某個元素噪舀。如下圖:
8. shift + enter 控制面板換行
控制面板中使用shift + enter可以換行,這一點在書寫函數的時候比較實用飘诗。如下圖:
9. ctrl + p 查找源文件
參考資料:
嗶哩嗶哩-12個最好用的Chrome瀏覽器調試技巧