×

如何用谷歌的“firebug”调试页面

作者:jiang2018.02.28来源:Web前端之家浏览:7980评论:0
关键词:chrome谷歌

如何用谷歌的“firebug”调试页面。

debugger

代码中直接写debugger,代码在执行过程中会直接停在debugger处。

前端调试技巧

2.以表格的形式查看复杂的对象,console.table()

前端调试技巧

3.在pc端模拟调试移动设备

前端调试技巧

4.查看程序执行时间console.time()方法和console.timeEnd()

前端调试技巧

前端调试技巧

5.查看函数调用的轨迹

一种是使用console.trace命令:

前端调试技巧

前端调试技巧
另一种是在浏览器打断点:

前端调试技巧

6.解压缩代码以便更好地调试 JavaScript,比如jQuery.min.js文件

前端调试技巧

前端调试技巧

7.快速定位引起元素变化的js代码

有时候需要知道元素状态的变化是哪里的js控制的,有以下两种方法可以快速定位

前端调试技巧

8.查看dom元素绑定的事件

前端调试技巧


温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/TOOLWWERWEG.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    什么机翻...

  • Web前端之家

    只是更轻便,还是有些差距的呢,小项目可以玩玩。...

  • ja124

    这个跟vue和react比,好些吗?...

  • Web前端之家

    OK,已经更新,谢谢!...

  • 韩涛博客

    韩涛博客的域名更换为www.hantaosec.com啦,请更新一下域名哈,谢谢。我还会继续链着咱们...

  • Web前端之家

    请持续关注Web前端之家。...

  • Y4K

    谢谢指导,这下背景问题解决了!...

  • Web前端之家

    要用起来才可以....

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.8 Valyria