Js也有console对象,在控制台打印调试再好不过

简介: 今天在看jq的代码时看到这样一个代码console.warn( "nothing selected, can't validate, returning nothing" );单独运行,居然在控制台打印出了nothing selected, can't validate, returning nothing,豁然开朗,既然可以这样在控制台打印出消息,那以后就省得麻烦去用什么alert或是按F10去逐行调试了,肯定可以节省不少时间。

今天在看jq的代码时看到这样一个代码

console.warn( "nothing selected, can't validate, returning nothing" );

单独运行,居然在控制台打印出了nothing selected, can't validate, returning nothing,

豁然开朗,既然可以这样在控制台打印出消息,那以后就省得麻烦去用什么alert或是按F10去逐行调试了,肯定可以节省不少时间。

特意使用for(var i in console)查看了下各种浏览器控制台对console的支持,如下


IE控制台
log  info  warn  error  assert  dir  clear  profile  profileEnd  

Firebug控制台
log  info  warn  error  debug  exception  assert  dir  dirxml  trace  group  groupEnd  groupCollapsed  time  timeEnd  profile  profileEnd  count  clear  table notifyFirebug  firebug 

Chrom控制台
profiles  memory  debug  error  info  log  warn  dir  dirxml  trace  assert  count  markTimeline  profile  profileEnd  time  timeEnd  group  groupCollapsed  groupEnd  

Opera控制台

time  timeEnd  trace  profile  profileEnd  debug  log info  warn  error  assert  dir  dirxml  group  groupCollapsed  groupEnd  count  table  

可以看出,四种浏览器对log、info、warn、error四个基本方法都是支持的,除了IE,其他三种还支持个debug,所以使用debug要注意,当然咯,平时打印调试什么的,用log就行。还有个问题,IE6/7没有开发人员工具,也就没有控制台,而FF本身也是不带控制台的,需要加载Firebug插件并且启动它,才能console,否则就是js报错了。

所以为了使用起来无这种后顾之忧,还是建议自己封装一个打印类,如logger,在其中检测当然环境对console的支持,然后调用console的打印方法,不支持就用alert或其他方法咯,并且可以设置一个开关,标识是否需要打印以及打印级别,类似log4j,哈哈,这样使用起来就方便了。马上来写,写好了再分享下。

目录
相关文章
|
2月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
2月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
2月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
31 1
JavaScript中对象的数据拷贝
|
3月前
|
XML JavaScript 前端开发
JavaScript控制台:提升Web开发技能的秘密武器
作为Web开发人员,掌握JavaScript控制台中的各种方法至关重要。本文介绍了22种实用的console方法,从基本的log()到高级的profile()和memory,每种方法都配有示例和说明,帮助开发者更高效地调试和记录信息。通过了解这些工具,您可以优化代码、提高开发速度,减少错误,使编码过程更加顺畅愉快。
53 1
JavaScript控制台:提升Web开发技能的秘密武器
|
2月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
3月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
58 4
|
3月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
65 1
|
3月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
38 2
|
3月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
70 0
|
3月前
|
JavaScript 前端开发 开发者
JavaScript 浏览器控制台的使用
JavaScript 浏览器控制台的使用
52 0

热门文章

最新文章