文章分类 -  Chrome DevTools开发者调试

4.断点及使用
摘要：### 打断点的方式 #### 1. 找到源码位置，添加断点 * **寻找源码位置** 如果是正常html页面，那么源码一般是在对应域名下面。 如果是webpack处理的页面，并且开启了源码映射，源码就是在webpack://下面。可通过快捷键ctrl+ o打开搜索框输入文件名搜索源码. ### 2 阅读全文
posted @ 2023-07-19 11:11 小蓉儿 阅读(27) 评论(0) 推荐(0) 编辑
3.chrome小技巧
摘要：掌握 chrome 这些调试技巧，开发效率提升一半。。。 ### Elements 面板操作 * **隐藏dom元素：**点击选中当前 dom 节点，按键盘的 h 键，即可隐藏/显示当前选中元素。对于在一些调试场景想快速隐藏某些元素时就会很方便。 * **展开节点所有子节点：**option（opt 阅读全文
posted @ 2023-06-27 14:25 小蓉儿 阅读(27) 评论(0) 推荐(0) 编辑
2. 学习地址
摘要：慕课网学习地址： https://www.imooc.com/learn/1164 阅读全文
posted @ 2020-04-01 14:25 小蓉儿 阅读(36) 评论(0) 推荐(0) 编辑
1. 打开Chrome开发者工具-推荐使用
摘要：1. 打开最近关闭的状态： Cmd+Opt+I (Mac) 或 Ctrl+Shift+I (Windows) 2. 快速查看DOM或样式： Command+Option+C (Mac) 或 Control+Shift+C (Windows) 3. 快速进入Console查看log运行Javascri 阅读全文
posted @ 2020-03-31 23:08 小蓉儿 阅读(220) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示