chrome调试技巧

$0

鼠标左键按住可拖动

编辑html
选中后f2编辑元素
选中后回车编辑css

选中后h临时隐藏元素
选中后右键点击scroll into view 滚动到页面元素对应位置
选中后控制台输入monitorEvent($0)查看元素触发的所有事件
DOM元素断点----Break on--处理特殊DOM元素,如隐藏元素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 写在前面本文包括浏览器调试,不包括web移动端调试。本文调试均在chrome浏览器进行 alert 这个不用多说了...
    faremax阅读 4,973评论 0 1
  • 写在前面本文包括浏览器调试,不包括web移动端调试。本文调试均在chrome浏览器进行 alert 这个不用多说了...
    faremax阅读 4,479评论 0 0
  • 调试技巧,对于前端小白来说,是必不可少的技能。掌握各种调试技巧,可以快速定位问题、帮助分析逻辑错误等。本文介绍一些...
    李欢li阅读 5,107评论 0 1
  • 调整数值的时候,按住alt+⬆️,每次数值增加10%按住shift+⬆️,每次增加数值10;hsl颜色的调试:h:...
    cyokin0324阅读 3,056评论 0 0
  • 瘦人碗子阅读 3,833评论 0 5