-
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辅助性能分析，给出优化建议（高阶功能）。
查看全部 -
调试动画查看全部
举报