`

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

js 
阅读更多

参考:http://blog.csdn.net/cy88310/article/details/6908826

 

今天在看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,哈哈,这样使用起来就方便了。

 

比如:console.log(变量名);则可以打印出对应的值;

          console.dir(变量对象名);则可以显示出该对象的所有属性;

分享到:
评论

相关推荐

    移动端控制台插件vConsole.min.js

    移动端控制台插件vConsole.min.js是专门为移动设备开发者设计的一款工具,用于在手机或平板等移动设备上查看和调试Web应用的JavaScript控制台。它弥补了移动浏览器原生控制台功能的不足,使得在没有电脑连接或者无法...

    7-console (控制台).pdf

    控制台(Console) 控制台(Console)是 Node.js 中...控制台(Console)对象是 Node.js 中一个非常有用的工具,用于输出信息和调试代码。它提供了多种方法来输出不同级别的信息,并且可以被自定义以满足不同的需求。

    console.log控制台信息前台显示代码.zip

    在JavaScript编程中,`console.log()` 是一个非常基础且重要的工具,用于在浏览器的开发者控制台输出信息。它常用于调试代码,查看变量值或跟踪程序执行流程。然而,通常这些信息只会在开发者工具的控制台中显示,不...

    JavaScript检测是否开启了控制台(F12调试工具)

    js检测用户是否打开调试工具(chrome) (function(){ var re=/x/; var i=0; console.log(re); re.toString=function(){ window.close(); return '第'+(++i)+'次打开控制台'; } })(); JavaScript检测是否开启了...

    H5app手机端控制台打印vConsole

    在开发H5应用程序时,有时候我们需要在手机端查看和调试JavaScript的运行情况,这通常涉及到在手机控制台上输出日志信息。"H5app手机端控制台打印vConsole"是解决此类问题的一种工具,它允许开发者在移动设备上查看...

    移动端H5页面控制台打印信息:vconsole

    在移动端H5页面开发中,由于手机浏览器的限制,开发者往往无法直接在设备上查看到JavaScript的控制台输出信息,这给调试带来了诸多不便。为了解决这个问题,开发者社区提出了一个名为vConsole的解决方案。vConsole是...

    console.js:Console for mobile browser 手机浏览器控制台 webview调试f12

    移动端浏览器 webview 调试控制台 用法 引入 console.js [removed][removed] 开启 方式一:在url上加上 ?f12 &f12 #f12 即可开启 http://domain.com/usage.html#f12 方式二:通过代码打开 console.show = 1 // 右下...

    09 - Console 调试各种姿势指南.rar

    1. 输出信息:`console.log()`是最常用的调试方法,用于在控制台打印变量或表达式的结果。例如: ```javascript let message = 'Hello, World!'; console.log(message); ``` 2. 错误提示:`console.error()`用于记录...

    js console.log打印对象时属性缺失的解决方法

    在编写代码时,我们常常用 console.log() 的方式将信息在控制台中打印出来以帮助我们进行前端调试。一般情况下,我们打印普通值都没有问题,但在打印对象类型时,我们就需要注意点了,要不然可能会出现不符合期望的...

    检查控制台中的JavaScript对象方法和属性

    在JavaScript开发过程中,控制台是开发者的好朋友,它允许我们实时检查、测试和调试代码。在本主题中,我们将深入探讨如何在控制台中检查JavaScript对象的方法和属性,这对于理解和解决问题至关重要。 首先,理解...

    ConsoleImporter从Chrome控制台轻松导入JS和CSS资源

    在现代Web开发中,我们经常需要测试和调试各种JavaScript(JS)和层叠样式表(CSS)资源。为了提升工作效率,开发者们利用浏览器的开发者工具进行实验和调试。"ConsoleImporter"是一个非常实用的工具,它使得从...

    利用Js的console对象,在控制台打印调式信息测试Js的实现

    JavaScript是一种广泛应用于前端开发的编程语言,它为我们提供了强大的控制台对象console,该对象允许开发者在浏览器的开发者工具的控制台中输出调试信息。控制台输出是前端开发中不可或缺的调试手段,尤其在...

    控制台打印指定样式是很方便的

    在JavaScript开发过程中,控制台打印(Console.log)是我们日常调试代码不可或缺的一部分。通过控制台,我们可以查看变量的值、函数的执行结果等信息。而控制台打印指定样式,不仅可以提高日志可读性,还能帮助我们...

    JS调试-Console命令详解

    JavaScript调试是Web开发中不可或缺的一部分,而`console`命令则是开发者在浏览器中进行JS调试的得力工具。本文将深入讲解`console`对象提供的各种方法,帮助你更好地理解和利用这些功能来提升调试效率。 首先,最...

    JavaScript 调试控制台(JS)

    6. **日志记录**:`console.log()`等命令用于在控制台打印消息,这对于输出变量状态、调试信息或进行性能分析非常实用。 7. **性能分析**:许多现代调试器还包含性能分析工具,可以测量函数执行时间,识别性能瓶颈...

    Chrome控制台使用详解.pdf

    在Chrome控制台中,console.log是用来输出调试信息最常用的方法,它能够打印普通信息。对于不同级别的信息,控制台还提供了其他方法,比如***用于输出提示类信息,console.warn用于输出警示信息,console.error用于...

    node.js中的console.log方法使用说明

    - console.log在生产环境中也有使用,但更多的是在开发过程中作为调试工具。生产环境中应避免过多使用console.log,以免影响性能。 - console.log输出的信息可以被重定向或过滤,具体做法依赖于Node.js运行环境的...

    灵活使用console让js调试更简单的方法步骤

    JavaScript的调试是Web开发中的重要环节,而`console`对象是开发者最常用的工具之一。本文主要探讨了如何灵活使用`console`的各种方法来简化JS调试过程,提高效率和直观性。 首先,`console.log()`是最基础也是最...

Global site tag (gtag.js) - Google Analytics