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