前端调试

1.console.trace(...)

    这个console.trace()的概述是:向Web控制台输出一个堆栈跟踪。意思就是打印当前执行位置到console.trace()的路径信息.使用console.trace()可以打印出详细的调用堆栈

2.debugger

    代码中的断点,在代码中直接使用 debugger 关键字可以快速的实现断点。

3.console.time()与console.timeEnd()

    console.time方法是开始计算时间,console.timeEnd是停止计时,输出脚本执行的时间。   用来测试性能的

// 启动计时器

console.time('testForEach');

// (写一些测试用代码)

// 停止计时,输出时间

console.timeEnd('testForEach');

// 4522.303ms

4. console.table 

      表格显示对象


5. 将代码格式化后再调试JavaScript

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

推荐阅读更多精彩内容

  • 1.骨灰级调试大师Alert--缺点窗口实在不美观,而且会遮挡不么页面的内容不太友好,alert的调试信息必须在a...
    love2013阅读 4,322评论 4 1
  • 在做前端开发时,我们需要用到一些调试工具用来调试我们的HTML、CSS或者JS代码,俗话说预先善其事必先利其器,这...
    Rella7阅读 24,173评论 0 15
  • 代码调试 chrome调试 代码调试 1.debugger 可以直接在编写代码的时候,加入debugger,打开浏...
    YuRi_1阅读 2,900评论 0 1
  • 作者:惟吾德馨‘原文地址:http://www.cnblogs.com/allenben/p/4757274.ht...
    IT程序狮阅读 4,514评论 1 9
  • 互联网经济时代,注意力就是金钱。 所以,这年头,各家公司为了收割民众的注意力,在吸引眼球的同时借势营销,可谓是使出...
    单子老师阅读 1,878评论 0 3