`
rmzdb
  • 浏览: 78331 次
  • 性别: 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检测是否开启了...

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

    写过前端Javascript代码的同学肯定不会对console对象感到陌生,在调试的过程中我们经常会用console对象在控制台输出一些常量或者变量。 但是相信很多人也就只用过console.log()这一个方法,今天我们就一起来看看...

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

    既然可以这样在控制台输出信息,那以后再调试Js的时候不就可以省去很多麻烦了嘛!避免不误人子弟,特意使用for(var i in console)查看了下各种浏览器控制台对console的支持, 结果如下: IE 11 控制台 log , info , ...

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

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

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

    Javascript-Console:基于JavaScript的调试控制台

    Javascript控制台 代码调试编程代码可能包含语法错误或逻辑错误。 这些错误中有许多很难诊断。 通常,当编程代码包含错误时,什么也不会发生。 没有错误消息,您也不会获得任何在哪里搜索错误的指示。 在编程代码中...

    禁用JavaScript控制台调试的方法

    有几个巨头公司,即Facebook和Netflix,决定禁止用户在控制台(console)执行JavaScript命令。 最初这是 由Facebook开始的 ,用于防止恶意用户通过JavaScript控制台执行特定的命令散播消息(发送给所有Facebook用户大量...

    JavaScript调试技巧之console.log()详解

    通过调用该console对象的log()函数,可以在控制台中打印信息。比如,以下代码将在控制台中打印”Sample log”: 代码如下:window.console.log(“Sample log”);上述代码可以忽略window对象而直接简

    react-native-debug-console:网络和控制台调试组件以及用于纯粹在JavaScript中进行本机响应的模式

    是的,我知道这是一个无聊的名字React Native Debug Console是一个易于使用的网络和控制台调试组件,是纯JavaScript编写的用于React Native的模式安装npm install react-native-debug-console用法为了将控制台日志和...

    looly#hutool-site#控制台打印封装-Console1

    由来编码中我们常常需要调试输出一些信息,除了打印日志,最长用的要数System.out和System.err比如我们打印一个Hello World,可以这样写:

    rc-console:使在控制台上打印和调试项目变得容易的库

    用于在控制台上打印格式化消息的调试实用程序。 现在开始: 安装在您的应用程序中并立即开始使用: yarn add rc-console或npm i rc-console或npm install --save rc-console DOC文件 在阅读文档。 例子 import ...

    js中console在一行内打印字符串和对象的方法

    在前端开发中,大多数的调试一般都是F12中的console和network中查看请求数据和响应数据,也有一部分人喜欢用debugger。 在开发大一些的项目时,在开发环境下,打开着控制台,切换一下页面总是充满着各种console,...

    console-remote:用于Node.js和浏览器的远程JavaScript Console.Re连接器

    连接器脚本扩展了console对象,从而添加了新的方法来通过以下方法将消息发送到远程记录器: console.re.type(); console.re.assert(); console.re.time(); console.re.timeEnd(); console.re.now(); console.re....

    IE bugger(js调试工具)

    类似firebug的 JS 调试工具。具有console.log控制台输出

    腾讯开源的手机前端开发调试利器 vConsole.zip

    1 前言我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log; (2) 上线后,某用户表示页面失灵,但我们自己又重现不出来...

    js调试系列 初识控制台

    好吧,我承认小小的吐槽了下,不过这个系列我只打算介绍下调试的基本知识,不会涉及太深,因为深入的东西结合js知识,如果你js没到一个境界,我就算教你调试bug,破解一些插件之类的,你也根本不知道我在做什么。...

Global site tag (gtag.js) - Google Analytics