-
添加樣式：Styles右下角加號，開始編輯樣式，修改類名驗證。
顏色改變：開發(fā)者工具中，點擊顏色色塊，可以隨意設置顏色、透明度
另存網頁圖片：點擊選中圖片，圖片地址右擊、點Open link in new tab,另存圖片即可。
隱藏樣式獲取：鼠標點到樣式出現，右擊檢查即可。
查看全部 -
調試錯誤：Network、右上角紅色叉叉
查看全部 -
css?樣式優(yōu)先級：
1?外部樣式 <?內部樣式 <?內聯(lián)樣式
2?標簽 <?類 <?ID <?內聯(lián) < !important查看全部 -
1.network condition
2. Toggle device toolbar
查看全部 -
事件監(jiān)聽斷點
查看全部 -
network
查看全部 -
1.打開文件
2.暫停斷點
3.跳過下一個方法執(zhí)行
4.進入方法
5.跳出方法
6.斷點生效 / 失效
7. 添加斷點
8. 部分斷點失效
9.移除所有斷點
10. 在異常暫停
11.在異常（包括try...catch捕獲的異常）暫停
12.全局搜索
windows: ctrl+shift+f
mac: command+option+f
查看全部 -
1.增加一個樣式
2.打開顏色選擇器 open color picker
3. 保存圖片
1）直接拖到桌面
2）右鍵打開圖片鏈接， 右鍵保存圖片
4. 隱藏元素，元素前面顯示黑圈
5.復制
6.刪除元素
7. hover的樣式，右鍵檢查，只要鼠標不回到頁面上，就是hover狀態(tài)樣式
查看全部 -
選擇元素：
windows: Ctrl+Shift+C
mac: Command+Option+C
invalid css:
查看全部 -
Ctrl+shife+I
mac:?command+option+j
Dock side:三個選項
查看全部 -
調試/瀏覽器/模擬器
查看全部 -
谷歌瀏覽器調試前端頁面查看全部
-
事件監(jiān)聽斷點：
1.sources控制臺右側event listener breakpoints，在里面選擇事件勾選進行監(jiān)聽。查看全部 -
js斷點調試：
想實時監(jiān)控一個變量的值：在變量上右鍵單擊add to watch
想查看某個方法在哪些文件有引用：ctrl+shift+f全局搜索，點擊搜索到的代碼即可定位到文件引用處。
查看全部 -
chrome瀏覽器開發(fā)者工具source中調試js方法
查看全部
舉報