Javascript中的var_dump函数实现代码


Posted in Javascript onSeptember 07, 2009

发现了一个非常好的JavaScript调试方法,目前看到的是可以打印Object/Array/Function/String四种类型,使用方法和PHP中的var_dump()一样,只要直接dump(变量名)即可。

dump(value, [showTypes]) 
@ param value (Any) value to dump 
@ param [showTypes] (Boolean) optional to display each key/value's type 
@ return (Void) returns nothing

The Dump method is based on one of the tags available in Coldfusion ( <cfdump>) providing the ability to display simple and complex variables in a user friendly way that is perfect for debugging/inspecting data. There is no way to do this with javascript and often I had wanted a method to do this. This method will do just that allowing for an infinite amount of data nesting complete with color coding for different data types, the ability to show/hide the data's type (String/Number/Boolean/Object/Array/Function), expandable and collapsible tables/keys and cross browser support.

Click on the buttons bellow to see some examples in action, toggle the Show Data Types box to see javascript data typing in action (not possible in Coldfusion).

Browser Support
Internet Explorer 6, Internet Explorer 7, Firefox 1.5, Opera 8, Safari 1.2 (Mac), Firefox (Mac) - all tested, should also work in most other browsers

Dump Examples
官方网址
http://www.netgrow.com.au/files/javascript_dump.cfm
相关文件
http://www.netgrow.com.au/assets/files/dump/dump.zip

以防上面的地址下载不了,三水点靠木本地下载地址
https://3water.com/jiaoben/20804.html

Javascript 相关文章推荐
基于jQuery的为attr添加id title等效果的实现代码
Apr 20 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
js获取域名的方法
Jan 27 Javascript
js实现tab切换效果实例
Sep 16 Javascript
jquery采用oop模式class类的使用示例
Jan 22 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
Feb 28 Javascript
vue.js或js实现中文A-Z排序的方法
Mar 08 Javascript
JS实现的简单分页功能示例
Aug 23 Javascript
详解基于React.js和Node.js的SSR实现方案
Mar 21 Javascript
vue通过video.js解决m3u8视频播放格式的方法
Jul 30 Javascript
javascript删除数组元素的七个方法示例
Sep 09 Javascript
jquery tools系列 expose 学习
Sep 06 #Javascript
jquery tools 系列 scrollable(2)
Sep 06 #Javascript
jquery tools 系列 scrollable学习
Sep 06 #Javascript
javascript事件问题
Sep 05 #Javascript
js跨域和ajax 跨域问题的实现思路
Sep 05 #Javascript
JavaScript 密码强度判断代码
Sep 05 #Javascript
关于javascript中的parseInt使用技巧
Sep 03 #Javascript
You might like
php遍历文件夹下的所有文件和子文件夹示例
2014/03/20 PHP
php中使用gd库实现远程图片下载实例
2015/05/12 PHP
PHP调用接口API封装的例子
2019/10/11 PHP
laravel 解决ajax异步提交数据,并还回填充表格的问题
2019/10/15 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
基于jQuery的倒计时实现代码
2012/05/30 Javascript
在javascript中实现函数数组的方法
2013/12/25 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
indexOf 和 lastIndexOf 使用示例介绍
2014/09/02 Javascript
javascript实现按回车键切换焦点
2015/02/09 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
用户代理字符串userAgent可实现的四个识别
2015/09/20 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
2016/06/08 Javascript
leaflet的开发入门教程
2016/11/17 Javascript
基于JavaScript实现图片剪切效果
2017/03/07 Javascript
关于Bootstrap按钮组件消除黄框的方法
2017/05/19 Javascript
详解微信小程序 登录获取unionid
2017/06/27 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
2017/11/24 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
JS面向对象的程序设计相关知识小结
2018/05/26 Javascript
jQuery实现合并表格单元格中相同行操作示例
2019/01/28 jQuery
webgl实现物体描边效果的方法介绍
2019/11/27 Javascript
浅谈关于vue中scss公用的解决方案
2019/12/02 Javascript
JavaScript获取当前url路径过程解析
2019/12/27 Javascript
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
html5使用canvas实现跟随光标跳动的火焰效果
2014/01/07 HTML / CSS
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
巴西补充剂和维生素购物网站:Natue
2019/06/17 全球购物
什么是servlet链?
2014/07/13 面试题
工商管理专业毕业生求职信
2014/05/26 职场文书
2015年全国爱眼日活动小结
2015/02/27 职场文书
道歉信怎么写
2015/05/12 职场文书
Pygame Rect区域位置的使用(图文)
2021/11/17 Python