`
axl234
  • 浏览: 260171 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用console.table()调试javascript

 
阅读更多

或许你已经习惯了console.log()来调试js,非常好用,但是今天微博看到console.table()调试javascript,和console.log()类似,主要区别在于:

 

  1. 主要用来输出对象和数组;
  2. 更加直接的可视化,以表格形式展现;
  3. 可以单独输出某个或某几个属性;

详情点击:http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable

分享到:
评论

相关推荐

    用console.table()调试javascript

    { name: “JavaScript”, fileExtension: “.js” }, { name: “TypeScript”, fileExtension: “.ts” }, { name: “CoffeeScript”, fileExtension: “.coffee” } ]; console.log(languages); console.log() 会...

    JavaScript快速调试的两个技巧

    在控制台上展示数组或对象,使用console.table比console.log更加直观明了。 // 在控制台上运行 console.table([ { firstName: 'John', lastName: 'Doe', age: 2 }, { firstName: 'William', lastName: '...

    关于JavaScript调试的十来个小Tips

    有时候我们需要看一些复杂的对象的详细信息,最简单的...devicemode按钮,然后就可以在不同的设备屏幕尺寸下进行调试咯:在Elements选择面板中选择某个DOM元素然后在Console中使用该元素也是非常常见的一个操作,Chrome

    javascript判断firebug是否开启的方法

    经常用Firefox + Firebug调试JavaScript的朋友都知道,一但开启firebug,页面js的运行将显著变慢。 页面的javascript是否能够主动判断当前Firebug是否已开启呢? 答案是肯定的。 Firebug已经更新了很多个版本了。...

    console-shortcut:javascript控制台的快捷方式

    javascript控制台的快捷方式。 对于那些讨厌在浏览器中编写繁琐的控制台进行调试的人。 用法 只是将文件包含到您的项目中 [removed][removed] 然后,您可以使用如下所示的控制台: csl.l('stuff'); 快捷方式映射 {...

    javascript调试说明

    以前javascript对于IO的支持很弱,不能写入相应的文本...下面是console对象的方法列表,关于firebug更详细的使用可见这篇文章。 #table { border-collapse:collapse; border:1px solid #000; width:90%; } #table td{ b

    Chrome Logger-crx插件

    此扩展用于使用chrome javascript控制台调试服务器端应用程序。 它最初是由FirePHP启发的。 要获得入门帮助,请访问http://www.chromelogger.com 4.0版,该版本基本上是完全重写,可以将该扩展程序更名为Chrome ...

    Xpage学习笔记

    6.2 XPage中调试代码 18 1 Theme 主题在Domino中的路径:D:\IBM\Lotus\Domino\xsp\nsf\themes 2 在Xpage中使用Dojo  Xpage自动加载dojo.js  通过设置应用程序主题将tundra.css引用到xpage  设置xpage属性...

    JavaScript笔记

    可以使用任何文本编辑工具编写 JavaScript 代码,然后由浏览器解释执行。 JavaScript常用于实现如下功能: |--控制文档的外观和内容; |--对浏览器的控制; |--与 HTML 表单的交互; |--与用户的交互; |--...

Global site tag (gtag.js) - Google Analytics