`
rmzdb
  • 浏览: 81670 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

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

阅读更多

今天在看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,哈哈,这样使用起来就方便了。马上来写,写好了再分享下。

分享到:
评论

相关推荐

    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是...

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

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

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

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

    7-console (控制台).pdf

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

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

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

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

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

    JavaScript 调试控制台(JS)

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

    JS调试-Console命令详解

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

    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 // 右下...

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

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

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

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

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

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

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

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

    如何在不同的浏览器中打开控制台调试JS(转帖加自己的截图)

    标题中的“如何在不同的浏览器中打开控制台调试JS”是一个关于网页开发中JavaScript调试的关键话题。在现代Web开发中,浏览器的开发者工具是必不可少的工具,尤其是JavaScript控制台,它可以帮助开发者追踪错误、...

    禁用JavaScript控制台调试的方法

    JavaScript控制台调试是开发者在Web开发过程中常用的一种工具,它允许我们检查和修改网页的运行状态,追踪错误,以及进行性能分析。然而,某些情况下,网站可能会选择禁用JavaScript控制台调试,以防止未经授权的...

    Javascript调试之console对象——你不知道的一些小技巧

    JavaScript调试是前端开发中不可或缺的一部分,而`console`对象则是我们调试时最常用的工具之一。在本文中,我们将深入探讨`console`对象的一些实用方法,这些方法可能并不为人熟知,但能极大地提升我们的调试效率。...

Global site tag (gtag.js) - Google Analytics