97色色五月天,久99久热这里只有精品,成人亚洲一区二区三区四区

產(chǎn)品

產(chǎn)品
資訊
資源
視頻
學(xué)院
示例

金喜正規(guī)買球 > 資訊 > 小竅門分享：如何使用Chrome控制臺創(chuàng)建表格

小竅門分享：如何使用Chrome控制臺創(chuàng)建表格

原創(chuàng)|使用教程|編輯：龔雪|2014-10-29 13:29:38.000|閱讀 1853 次

概述：分享一個Chrome使用小竅門，在Chrome控制臺使用console.table創(chuàng)建表格。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

試一試這個我剛發(fā)現(xiàn)的小竅門。在Chrome中使用console.table以一個很不錯的展現(xiàn)效果格式化數(shù)據(jù)。

打開Chrome開發(fā)者工具（按F12）。創(chuàng)建一個散列數(shù)組的數(shù)據(jù)。散列鍵就會被用于表格列，然后值就會用于表格行。

自己左右做一個簡單的例子。讓我們簡單地列舉字母，列出大寫、十六進制。

我使用了下面的代碼，有興趣的朋友可以復(fù)制到谷歌瀏覽器的開發(fā)者控制臺：

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);

然后就會顯示出結(jié)果：