console.log()

console.warn()  警告

console.error()  错误

console.group()  分组  console.grounpEnd() 分组结束

console.dir()   输出所有信息

var cat = {};
cat.name = "mm";
cat.sex = "male";
cat.show = function(){return 'aa';
};console.log(cat) //只会显示name和sex的属性
console.dir(cat) //会显示全部,name、sex、show都会显示出来

console.dirxml(obj)  显示当前元素的代码结构

var oDiv = document.getElementById('div1');console.dirxml(oDiv);  //显示oDiv的代码结构

console.assert()  断言

var a = 0; //数字0是false;

console.assert(a)   //断言失败,控制台会有信息

console.assert(20 === '20') //断言失败,控制台会有信息

console.assert(20 == '20')  //断言成功,控制台没有信息

console.trace()  代码执行的过程

        function  a(){return b();}function b(){return c();}function c(){console.trace();return 1;}a();结果:c();b();a();XXX.html;

console.time()   console.timeEnd()    计算代码执行的时间

console.time('计时器');for (var i=0;i<100000;i++) {}console.timeEnd('计时器‘);
/*
结果:计时器:10ms
*/

console.profile()  console.profileEnd()  查看性能(其中控制台-->概况也可以查看性能,先清空控制台,点击概况(概况收集中...),然后在页面上移动/点击,最后再点击概况即可查看到结果)

    function a(){for (var i=0;i<10;i++) {b();}for (var i=0;i<20;i++) {c();}function b(){var b = 10;}function c(){var c = 20;}}console.profile();a();console.profileEnd();

在其他浏览器中也使用firebug工具

http://getfirebug.com/firebuglite网址,通过<script>引用到页面中(注:需要放在head中)

 

转载于:https://www.cnblogs.com/joya0411/p/3733304.html

firebug的调试,console相关推荐

  1. js调试console.log使用总结图解

    一 实例 打印字符串和对象: 可展开对象查看内部情况: 看一下console对象本身的定义情况: 输出对象情况: utag对象所在文件: 输出对象: 二 Console.log 总结 1 如果你js没 ...

  2. Javascript高级调试——console.table()

    原文:http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable 本文只是简单翻译,部 ...

  3. 高级Javascript调试——console.table()

    原文:http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable 本文只是简单翻译,部 ...

  4. ie浏览器下调试 console.log() 报错SCRIPT5007: 缺少对象

    原来使用火狐和谷歌浏览器调试,直接用console.log(param);是没问题的 但是最近这个项目要兼容ie浏览器,发现报错SCRIPT5007: 缺少对象 在具备调试功能的浏览器上,window ...

  5. 手机端调试console.log,直接引入一个js文件

    http://files.cnblogs.com/files/lwwen/mConsole.js 这是我写的一个原生js文件 直接引入即可,可以把html上面的需要打印的东西打印出来 <!DOC ...

  6. 浏览器调试 console.table() 方法,方便查看json和数组数据内容

    console.table() 好用的方法 刚发现一个好用的console方法 table(),可以把数组和json 数据以 table 方式展示 还可以展示对象属性 如: 这是 table 展示的内 ...

  7. [转] 用Firebug调试JavaScript

    转载自: http://blog.csdn.net/xmphoenix/article/details/6299898 在本章里,我们将讨论Firebug提供的,以支持JavaScript的开发.调试 ...

  8. [JavaScript] FireBug 调试

    Firebug Script 调试记录 Your new friend, console.log  //显示变量 参数 console.log, console.debug, console.info ...

  9. Javascript的调试利器:Firebug使用详解

    copy from: http://blog.csdn.net/tianxiaode/archive/2007/09/02/1769152.aspx Javascript的调试,是开发Web应用尤其是 ...

  10. 利用Console来调试JS程序、Console用法总结

    利用Console来调试JS程序.Console用法总结(1) 一 .什么是 Console Console 是用于显示 JS和 DOM 对象信息的单独窗口.并且向 JS 中注入1个 console ...

最新文章

  1. tp3 普通模式url模式_《终身成长》:三个步骤打造成长型思维模式,普通人也可以成功...
  2. spring源码分析之定时任务Scheduled注解
  3. 成功解决pyinstaller生成exe缺少各种包的问题
  4. 微信的一个隐藏功能,我身边绝大多数人都不知道,其实很实用
  5. json非法字符有哪些_JSON文件中非法字符的处理
  6. Html 按钮button加超链接
  7. 为了自动驾驶,Uber每月烧钱1.3亿
  8. 在Unbuntu 上安装Phalcon
  9. linux 集群服务器设置,Zookeeper集群配置
  10. 代码调试神器:VS Code 开源新工具!
  11. 复盘:pearson皮尔森相关系数和spearman斯皮尔曼相关系数的区别
  12. EditPlus文本编辑器,中文与破解实战
  13. 蔡学镛:架构师最重视的文档 转
  14. H.264媒体流AnnexB和AVCC格式分析 及 FFmpeg解析mp4的H.264码流方法
  15. 欢迎大家在这里提交CSDN博客程序出现的问题
  16. 你问我答:小匠,如何像你一样,做一个订阅号挣它 100 W?
  17. DNS测试bat脚本分析
  18. 注册ActiveX控件简单方法及控件未被正确授权解决方案
  19. p 车票提前下车客户端linux,火车能中途下车么?看完你就知道了
  20. 字符串内穿插{}使用

热门文章

  1. 18 Strings for Mac(Xcode文件翻译工具)
  2. Zbrush 2022 for Mac(数字雕刻和绘画程序)
  3. ZOC for Mac(终端仿真器)
  4. 如何安装 macOS Monterey Public Beta?
  5. js基础——function类型
  6. Makefile中的ifeq 多条件使用 ***
  7. GitHub简单教程
  8. oracle的启动与关闭原理-数据路的分阶段启动
  9. Js模拟select选择框,参照IE8样式
  10. C#结构体中的只写属性