掌握 Chrome DevTools 的所有技巧 | 开发者工具
·
打开
右键快捷菜单检查




DOM操作
查看

标尺

搜索

DOM修改
普通修改 双击
属性添加 双击 空格
节点类型修改一个,后面那个会跟着双击
编辑HTML

可拖拉交换位置
选中后按H键隐藏
Console访问DOM
(美元符号)0 定位选中内容
全局变量
JS PATH
看属性

Elements面板中的CSS
style可以修改CSS


computed,可以分组查看属性

查看Grid布局
Grid编辑器
Grid查看选项
多给Grid
Layout GRid



实时表达式


(美元符号)() 定位括号里面内容
Source源代码


可以同步编辑

断点

事件断点

Network网络



更多推荐




所有评论(0)