Chrome 开发者工具 调试小技巧

  1. Chrome 开发者工具已支持在选中的元素上按下 h 键快速隐藏该元素（如果你不想按 Del 键直接删除该元素的话）
  2. Chrome F12 中有一个很多同学都不知道的功能，审查元素并切换到 Styles 面板中，按住 Ctrl 键，移到某个样式属性的值（出现下划线），然后点击即可导航到定义该样式属性的 CSS 文件中
  3. 在 Chrome 开发者工具的 Network 信息项头部右键即可选择要显示哪些请求信息
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 常用的前端调试工具
    在做前端开发时，我们需要用到一些调试工具用来调试我们的HTML、CSS或者JS代码，俗话说预先善其事必先利其器，这...
    Rella7阅读 24,063评论 0赞 15
  • 【Hybrid开发高级系列】ReactNative(四) —— 基础开发技巧
    1 基础开发技巧 1.1 AppRegistry AppRegistry模块则是用来告知React Native哪...
    Kevin_Junbaozi阅读 1,486评论 0赞 2
  • 网络技术与应用
    HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的，因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0赞 0
  • 禅 • 诗 • 联
    见友人一联禅诗，遂对之： 如取萤火，烧须弥山，终不能着。 以轮回心，生轮回见，入于如来大寂灭海，终不能至。 若以弱...
    鹿将归阅读 396评论 4赞 6
  • 嘿，傻逼。
    你总是说我蠢。 其实小的时候真的有想过说像电视剧里的或小说里的故事主人公一样能有一个我爱的和爱我的人一起轰轰烈烈的...
    Maoxian阅读 917评论 0赞 1