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 前端开发
js遍历对象的方法
js遍历对象的方法
12 1
|
16天前
|
JavaScript Unix 索引
2022年11月21日13:32:00——T5——JS对象与Date日期函数
2022年11月21日13:32:00——T5——JS对象与Date日期函数
20 0
|
17天前
IntelliJ IDEA 自定义控制台输出多颜色格式功能 --- 安装Grep Console插件
IntelliJ IDEA 自定义控制台输出多颜色格式功能 --- 安装Grep Console插件
|
18天前
|
JavaScript 前端开发 Java
JavaScript数组操作示例及对象操作技巧
今天针对javascript的数组的一些常见操作进行一些讲解,希望对给为开发者有帮助。 先看下面常见的三种循环。
|
20天前
|
前端开发 JavaScript Java
前端(JavaScript)------函数与对象
前端(JavaScript)------函数与对象
47 0
|
20天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
20天前
|
JavaScript 索引
js之数组,对象,类数组对象
js之数组,对象,类数组对象
|
21天前
|
JavaScript 前端开发
javaScript Number 对象
avaScript Number 对象是 JavaScript 中用于表示数字的基本类型之一。它表示的数字可以是整数,也可以是浮点数。在 JavaScript 中,所有的数字都是 Number 类型的实例,可以通过 new Number() 构造函数来创建。此外,JavaScript 还提供了一些用于处理数字的常用方法和属性,例如 parseFloat()、parseInt()、isNaN()、is
52 6
|
22天前
|
JavaScript 前端开发 Java
Postman 提供的Javascript 对象有哪些?
Postman 提供的Javascript 对象有哪些?
|
22天前
|
JavaScript 前端开发 索引
js遍历数组和对象的常用方法有哪些?
js遍历数组和对象的常用方法有哪些?
11 0

相关产品

  • 云迁移中心