JavaScript中的console.dir()函数介绍


Posted in Javascript onDecember 29, 2014

在调试JavaScript程序时,有时需要dump某些对象的详细信息。通过手工编写JavaScript代码可以完成这一工作:针对对象的属性进行循环,将循环到的每一个属性值打印出来;可见,这一过程是比较繁琐的。在具备调试工具的浏览器上,这一工作可以通过console.dir()语句来方便的完成。

console.dir()的使用

console.dir()的使用非常简单,直接将需要dump的对象传入该语句即可。比如以下的例子:

function cat(name, age, score){

    this.name = name;

    this.age = age;

    this.score = score;

}

var c = new cat("miao", 2, [6,8,7]);

console.dir(c);

通过使用console.dir(),新建的cat对象信息被dump出来了。在Firebug控制台中其显示结果为:

JavaScript中的console.dir()函数介绍

如果需要dump的是一个DOM对象,那么使用console.dirxml()会得到更好的显示效果。

浏览器支持

console.dir()和console.dirxml()在有调试工具的浏览器上支持较好,各大浏览器均支持此功能。

Javascript 相关文章推荐
获取DOM对象的几种扩展及简写
Oct 09 Javascript
基于JQuery框架的AJAX实例代码
Nov 03 Javascript
基于jQuery.Validate验证库知识点的详解
Apr 26 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
Jun 26 Javascript
详细解读AngularJS中的表单验证编程
Jun 19 Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 Javascript
20分钟轻松创建自己的Bootstrap站点
May 12 Javascript
Javascript单例模式的介绍和实例
Oct 08 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
vue 解决循环引用组件报错的问题
Sep 06 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 Javascript
package.json各个属性说明详解
Mar 11 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 #Javascript
小米公司JavaScript面试题
Dec 29 #Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 #Javascript
JavaScript中的console.trace()函数介绍
Dec 29 #Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 #Javascript
jQuery中element选择器用法实例
Dec 29 #Javascript
JavaScript中的console.time()函数详细介绍
Dec 29 #Javascript
You might like
全国FM电台频率大全 - 20 广西省
2020/03/11 无线电
PHP调用三种数据库的方法(1)
2006/10/09 PHP
在WIN98下以apache模块方式安装php
2006/10/09 PHP
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
js限制文本框为整数和货币的函数代码
2010/10/13 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
input输入框鼠标焦点提示信息
2015/03/17 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
2016/09/29 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
Chrome调试折腾记之JS断点调试技巧
2017/09/11 Javascript
javascript填充默认头像方法
2018/02/22 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
JS如何实现动态添加的元素绑定事件
2019/11/12 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
基于vue和websocket的多人在线聊天室
2020/02/01 Javascript
Vue 3.0中jsx语法的使用
2020/11/13 Javascript
python实现进程间通信简单实例
2014/07/23 Python
Python中使用ConfigParser解析ini配置文件实例
2014/08/30 Python
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
django利用request id便于定位及给日志加上request_id
2018/08/26 Python
Python实现八皇后问题示例代码
2018/12/09 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
解决TensorFlow模型恢复报错的问题
2020/02/06 Python
python实现控制台输出彩色字体
2020/04/05 Python
详解如何使用Pytest进行自动化测试
2021/01/14 Python
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
优秀团员个人的自我评价
2013/10/02 职场文书
贵阳市党的群众路线教育实践活动党(工)委领导班子整改方案
2014/10/26 职场文书
工作保证书
2015/01/17 职场文书
求职信:求职应该注意的问题
2019/04/24 职场文书