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