波多野百合,中文字幕人成在线,69中文网

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

產品

產品
資訊
資源
視頻
學院
示例

半島外圍網上直營 > 資訊 > 小竅門分享：如何使用Chrome控制臺創建表格

小竅門分享：如何使用Chrome控制臺創建表格

原創|使用教程|編輯：龔雪|2014-10-29 13:29:38.000|閱讀 1861 次

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

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

試一試這個我剛發現的小竅門。在Chrome中使用console.table以一個很不錯的展現效果格式化數據。

打開Chrome開發者工具（按F12）。創建一個散列數組的數據。散列鍵就會被用于表格列，然后值就會用于表格行。

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

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

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

然后就會顯示出結果：