原創(chuàng)|使用教程|編輯:龔雪|2014-10-29 13:29:38.000|閱讀 1853 次
概述:分享一個(gè)Chrome使用小竅門,在Chrome控制臺(tái)使用console.table創(chuàng)建表格。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
試一試這個(gè)我剛發(fā)現(xiàn)的小竅門。在Chrome中使用console.table以一個(gè)很不錯(cuò)的展現(xiàn)效果格式化數(shù)據(jù)。
打開Chrome開發(fā)者工具(按F12)。創(chuàng)建一個(gè)散列數(shù)組的數(shù)據(jù)。散列鍵就會(huì)被用于表格列,然后值就會(huì)用于表格行。
自己左右做一個(gè)簡單的例子。讓我們簡單地列舉字母,列出大寫、十六進(jìn)制。
我使用了下面的代碼,有興趣的朋友可以復(fù)制到谷歌瀏覽器的開發(fā)者控制臺(tái):
var data = []; var alphabet = "abcdefghijklmnopqrsuvwxyz".split(''); alphabet.forEach(function (char) { data.push({ lowerCase : char, upperCase : char.toUpperCase(), hex : "0x" + char.charCodeAt(0).toString(16) }); }); console.table(data);
然后就會(huì)顯示出結(jié)果:
是不是很有意思,console.table在2013年早些時(shí)候已經(jīng)出現(xiàn)在Chrome里邊了。不過沒怎么使用,今天突然發(fā)現(xiàn)這個(gè)小竅門,感覺挺有意思的,不知道大家有沒有用過這個(gè)控制臺(tái),,可以試試。
你還有其他的小竅門嗎?歡迎分享評(píng)論。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)