-
chrome devTools? 使用的大綱和總結(jié)
查看全部 -
1.?Local storage 永久存儲在這站點的本地存儲，session storage 一次會話，退出關(guān)閉瀏覽器被清除；
查看全部 -
Application 客戶端存儲與cookie的查看調(diào)試
查看全部 -
network 搜索與過濾，搜索可以搜索請求內(nèi)容和返回內(nèi)容里的
查看全部 -
event listener? 獲取點擊/滑過等的事件監(jiān)聽
查看全部 -
console.table()
查看全部 -
快速調(diào)陰影，顏色，已經(jīng)動畫等
查看全部 -
:hov，可修改元素鼠標的狀態(tài)；
.cls, 可以直接添加class，或者隱藏等；
查看全部 -
filter，可過濾（顏色，某些屬性之類）；
盒子模型，可直接看到寬高邊距等，且可直接修改
查看全部 -
DOM，打斷點調(diào)試；
快速找到修改元素的方法；
查看全部 -
elements元素面板（最常用的），用于檢查和調(diào)整頁面，調(diào)試DOM，調(diào)試CSS.
netwook網(wǎng)絡(luò)面板：調(diào)試請求，了解頁面靜態(tài)資源分布，網(wǎng)頁性能檢測,查看請求耗時。
console控制臺面板（常用的）：調(diào)試js,查看console log日志，交互式代碼調(diào)試。
Sources源代碼資源面板；作用：調(diào)試JavaScript頁面源代碼，進行斷點調(diào)試代碼?
application應(yīng)用面板：查看&調(diào)試客戶端存儲，如Cookie，LocalStorage,Sessio?
Performance性能面板：查看頁面性能細節(jié)，細粒度對網(wǎng)頁載入進行性能優(yōu)化（高階）
Memory內(nèi)存面板：jsCPU分析器，內(nèi)存堆分析器（高階）
Security安全面板：查看頁面安全及證書問題
Audits面板：使用Google Lighthouse輔助功能分析，給出優(yōu)化建議（高階）
查看全部 -
谷歌調(diào)試1
查看全部 -
chrome的9大功能簡介：
elements元素面板（最常用的），用于檢查和調(diào)整頁面，調(diào)試DOM，調(diào)試CSS.
netwook網(wǎng)絡(luò)面板：調(diào)試請求，了解頁面靜態(tài)資源分布，網(wǎng)頁性能檢測,查看請求耗時。
console控制臺面板（常用的）：調(diào)試js,查看console log日志，交互式代碼調(diào)試。
sources源代碼資源面板：調(diào)試js頁面源代碼，進行斷點調(diào)試代碼。
application應(yīng)用面板：查看和調(diào)試客戶端存儲，如cookie,localstorage,sessionstorage等。
performance性能面板：查看頁面性能細節(jié)，細粒度的對網(wǎng)頁載入進行性能優(yōu)化（高階功能）。
memory內(nèi)存面板：JS cpu分析器，內(nèi)存堆分析器（高階功能）。
security安全面板：查看頁面安全及證書問題。
audits面板：使用google lighthouse輔助性能分析，給出優(yōu)化建議（高階功能）。
查看全部 -
調(diào)試動畫查看全部
舉報