console.table() 好用的方法

刚发现一个好用的console方法 table()，可以把数组和json 数据以 table 方式展示
还可以展示对象属性
如：

这是 table 展示的内容

这是数据，怎么样，好玩吧。

[{"id": "1","name": "威尔森","name_en": "Wilson","nick_name": "绅士，科学家","motto": "我要用我发达的大脑征服一切！","perk": "能长出厚厚的胡子，胡子在冬天可以保暖，刮胡子还可以增加精神值","health": "150","hunger": "150","sanity": "200","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "wilson","pic": "Wilson","thumb": "Wilson_head","special_item": null,"starting_item": null,"version": "NORMAL"},{"id": "2","name": "薇洛","name_en": "Willow","nick_name": "引火者","motto": "东西烧起来的时候比较漂亮些。","perk": "免受火的伤害\n随身自带打火机\n紧张的时候会在脚底引出小堆临时的火苗","health": "150","hunger": "150","sanity": "120","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": "up to +10/min per nearby Lighter","speed_range": null,"debugspawn": "willow","pic": "Willow","thumb": "Willow_head","special_item": null,"starting_item": null,"version": "NORMAL"},{"id": "3","name": "沃尔夫冈","name_en": "Wolfgang","nick_name": "身体强壮的人","motto": "我很强大，没有人比我还强大。","perk": "饱食的时候会更强壮\n害怕黑暗和怪物","health": "150 - 300","hunger": "300","sanity": "200","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": "0.5x to 2x","hunger_range": "-1x to -3x","sanity_range": "-1.1x","speed_range": "0.9x to 1.25x","debugspawn": "wolfgang","pic": "Wolfgang","thumb": "Wolfgang_head","special_item": null,"starting_item": null,"version": "NORMAL"},{"id": "4","name": "温蒂","name_en": "Wendy","nick_name": "勇敢的人","motto": "Abigail 回来，我还没跟你玩够呢。","perk": "有个过世的双胞胎妹妹\n习惯在黑暗中\n伤害不是很高","health": "150","hunger": "150","sanity": "200","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": "0.75x","hunger_range": null,"sanity_range": "-0.75x","speed_range": null,"debugspawn": "wendy","pic": "Wendy","thumb": "Wendy_head","special_item": "Abigail's Flower","starting_item": "Abigail's Flower","version": "NORMAL"},{"id": "5","name": "机器人","name_en": "WX-78","nick_name": "没有灵魂的机器人","motto": "同情心组件没有反应 --","perk": "从不挑食\n被闪电击中能跑的很快，会受到雨水的伤害\n吃齿轮可以升级","health": "100 - 400","hunger": "100 - 200","sanity": "100 - 300","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": "-0.5 under Rain","damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": "1x to 1.5x","debugspawn": "wx78","pic": "WX-78","thumb": "WX-78_head","special_item": null,"starting_item": null,"version": "NORMAL"},{"id": "6","name": "图书管理员","name_en": "Wickerbottom","nick_name": "图书管理员","motto": "嘘～ 不要说话","perk": "知道很多东西，初始解锁菜单比一般人多\n自己能写书\n不太容易睡着，不喜欢坏了的食物","health": "150","hunger": "150","sanity": "250","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "wickerbottom","pic": "Wickerbottom","thumb": "Wickerbottom_head","special_item": "Books","starting_item": "Paperus x2","version": "NORMAL"},{"id": "7","name": "伍迪","name_en": "Woodie","nick_name": "伐木者","motto": "这棵树看起来不错哈，有点意思","perk": "有个非常不错的斧子\n有个不太好的秘密","health": "150","hunger": "150","sanity": "200","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "woodie","pic": "Woodie","thumb": "Woodie_head","special_item": "Lucy_the_Axe","starting_item": "Lucy_the_Axe","version": "NORMAL"},{"id": "8","name": "维斯","name_en": "Wes","nick_name": "静默者，小丑","motto": "...","perk": "不能说话\n属性值低，存活比较困难\n做各种小动作\n能吹气球","health": "113","hunger": "113","sanity": "150","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": "0.75x","hunger_range": "-1.25x","sanity_range": null,"speed_range": null,"debugspawn": "wex","pic": "Wes","thumb": "Wes_head","special_item": "Pile_O_Bolloms","starting_item": "Pile_O_Bolloms","version": "NORMAL"},{"id": "9","name": "麦斯威尔","name_en": "Waxwell","nick_name": "傀儡师","motto": "自由比较合适我","perk": "小而精，也很脆弱\n能把自己的思想分成好几块","health": "75","hunger": "150","sanity": "200","hunger_modifier": null,"sanity_modifier": "+20 / min","wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "wexwell","pic": "Waxwell","thumb": "Waxwell_head","special_item": "Codex_umbra","starting_item": null,"version": "NORMAL"},{"id": "10","name": "薇格弗德","name_en": "Wigfrid","nick_name": "战斗大师","motto": "来试试我完美的战斗技巧","perk": "精通战斗\n从战斗中收集能量\n只吃肉","health": "200","hunger": "120","sanity": "120","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "wathgrithr","pic": "Wigfrid","thumb": "Wigfrid_head","special_item": null,"starting_item": null,"version": "GIANT"},{"id": "11","name": "韦伯","name_en": "Webber","nick_name": "猜不透的人","motto": "我们能战胜任何事物\n我们总是在一起，我们从不孤单\n（话外：你是在说你们蜘蛛吗。。。）","perk": "其实算是个怪物\n能跟蜘蛛友好相处\n长出丝滑的胡子","health": "175","hunger": "175","sanity": "100","hunger_modifier": null,"sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "webber","pic": "Webber","thumb": "Webber_head","special_item": null,"starting_item": null,"version": "GIANT"},{"id": "12","name": "威洛妮","name_en": "Walani","nick_name": "冷静者","motto": "如果我起不来了，不要怪我，我也不想","perk": "喜欢冲浪\n湿了之后干的非常快\n是个非常好的姑娘","health": "120","hunger": "200","sanity": "200","hunger_modifier": "-1.1x","sanity_modifier": "-0.9x and + 0.9x","wetness_modifier": "-1.2x","health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "walani","pic": "Walani","thumb": "Walani_head","special_item": "Surfboard","starting_item": "Surfboard","version": "SEA"},{"id": "13","name": "沃利","name_en": "Warly","nick_name": "厨师","motto": "空腹，你什么事都做不成","perk": "有个精致的盘子\n在自己独特的厨具上做饭\n带有一个别致的厨师小包","health": "150","hunger": "250","sanity": "200","hunger_modifier": "-1.33x","sanity_modifier": null,"wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "warly","pic": "Warly","thumb": "Warly_head","special_item": null,"starting_item": null,"version": "SEA"},{"id": "14","name": "威尔伯","name_en": "Wilbur","nick_name": "猴子王","motto": "噢噢噢噢！ 哈！","perk": "不能说话\n静若处子，动若脱兔\n是只猴子","health": "125","hunger": "175","sanity": "150","hunger_modifier": "-1x or -1.33x","sanity_modifier": "-0.5 or +2","wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "wilbur","pic": "Wilbur","thumb": "Wilbur_head","special_item": null,"starting_item": null,"version": "SEA"},{"id": "15","name": "木腿船长","name_en": "Woodlegs","nick_name": "海盗船长","motto": "不要在意巨浪，冲啊～","perk": "能嗅出宝藏的位置\nSee leg 船长\n海盗","health": "150","hunger": "150","sanity": "120","hunger_modifier": null,"sanity_modifier": "0 or -4.8/min","wetness_modifier": null,"health_range": null,"damage_range": null,"hunger_range": null,"sanity_range": null,"speed_range": null,"debugspawn": "woodlegs","pic": "Woodlegs","thumb": "Woodlegs_head","special_item": null,"starting_item": null,"version": "SEA"}
]

浏览器调试 console.table() 方法，方便查看json和数组数据内容相关推荐

html如何查看json数据,浏览器如何查看json格式的数据？查看方法分享
用户在使用浏览器的时候不仅仅只是搜索自己想要的内容,在项目开发的时候就需要用户查看更多接口的数据,查看的数据就会比较乱,用户可以使用手机在平台上快速使用,马上就可以帮助用户想要的数据,那么要如何才能查 ...
HTML DOM console.table() 方法
HTML DOM console.table() 方法
Javascript高级调试——console.table()
原文:http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable 本文只是简单翻译,部 ...
高级Javascript调试——console.table()
原文:http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable 本文只是简单翻译,部 ...
查看Json的结构及内容：JsonViewerPackage
下载链接:http://jsonviewer.codeplex.com/ 安装的过程简单,这里就不一一叙述. 找到JsonViewer 打开之后点击Viewer 旁边的Text 放入你的Json 测 ...
前端开发处理企业微信浏览器时，开启企业微信浏览器调试模式的方法。
具体方法如下: 1.下载pak文件到企业微信的版本目录下. pak文件 2.重启企业微信. 3.打开后进行快捷键. windows:快捷键 ctrl + alt + shift + D,进入调试模式: ...
IE8浏览器调试模式打开方法
一直用IE8开发,今天F12打开调试模式,按下F12之后,开发人员工具在桌面上看不到,但是任务栏里有显示.将鼠标放在任务栏的开发人员工具上,出现一片透明的区域,选中之后却出不来. 在网上找了一下解决方 ...
PHP中JSON与数组数据
php如何解析JSON数据?本篇文章就给大家介绍PHP解析JSON数据,即编码和解码JSON数据的基本方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来了解一下什么是J ...
浏览器控制台console
console对象 console对象代表浏览器的JavaScript控制台.虽然它还不是标准,但是各大浏览器都原生支持,已经成为事实上的标准. console对象主要有两个作用: 显示网页代码运行时 ...

浏览器调试 console.table() 方法，方便查看json和数组数据内容

console.table() 好用的方法

这是 table 展示的内容

这是数据，怎么样，好玩吧。

浏览器调试 console.table() 方法，方便查看json和数组数据内容相关推荐

最新文章

热门文章