目录
快捷键
option+command+I开发者模式
com/ctrl+R硬性刷新：忽略缓存，重新请求
com/ctr+Shift+R正常加载：缓存
Shift + Command ⌘ + N无痕私密
常用操作
clear
设置浏览器网速
Elements
查看样式文件command+click
DOM节点（增删改）调试
Styles
DOM结构
增删属性
模拟元素的伪状态，方便调试
Computed
Layout
Event Listeners
Network
查看请求发起者Initiator
Application
资源列表+（可改）本地存储Cookie、WebStorage（localStorage、sessionStorage）
Source 调试
VS Code调试：Node.js、JS
devtool调试：react、vue等有devtool插件的框架
Page:资源目录
批量断点
Content scripts: 插件Snippets: 便捷测试
Vue Devtools
安装
Components（props、data、computed、route）
Timeline（记录了事件（Mouse\keyboard）的触发时间）
Routes（查看所有页面的路由）
设置
官方文档
快捷键
option+command+I开发者模式
com/ctrl+R硬性刷新：忽略缓存，重新请求
com/ctr+Shift+R正常加载：缓存
Shift + Command ⌘ + N无痕私密
常用操作
clear
设置浏览器网速
Elements
查看样式文件command+click
DOM节点（增删改）调试
Subtree modifications: 子节点删除或添加时Attributes modifications: 属性修改时Node Removal: 节点删除时
Styles
DOM结构
增删属性
模拟元素的伪状态，方便调试
Computed
Layout
Event Listeners
Ancestors 是否显示祖先上绑定的事件，
"passive"（被动）：当事件监听器标记为"passive"时，
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/30445.html