Chrome代码调试指南
打开开发者工具 在Chrome菜单选择:更多工具->开发者工具 在页面原色上右键单击,选择检查 快捷键 打开最近关闭状态 cmd+opt+i或ctrl+shift+i 快速查看DOM或样式 Command+Option+c或Control+shift+c 快速进入Console查看log运行JavaScript Command+Option+j或Control+shift+j F12打开 使用Elements调试DOM 查看与选择DOM节点 将鼠标移动到需要被查看的元素 右键选择检查 通过开发者工具左上角的小箭头可以选择需要查看的元素 通过如上图所示按钮,也可以定义调试工具所处位置。 实时编辑HTML和DOM节点 在调试工具处,双击dom节点即可进入编辑。 也可以通过右键节点选择编辑HTML模式。 在Console中访问节点 通过document.querySelectAll访问 通过$0快速访问选中元素 拷贝->js path 复制出的路径是通过querySelector接口选择的元素 ...