为什么Chrome控制台会以不同的方式显示阵列?

时间:2016-12-28 13:36:56

标签: javascript google-chrome

我写了一段这样的代码:



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var arr = [1, 45, 37, 5, 48, 15, 37, 26, 29, 2, 46, 4, 17, 50, 52];
        console.log(arr);
    </script>
</head>
<body>

</body>
</html>
&#13;
&#13;
&#13;

然后我发现了一个奇怪的事情,如果我在浏览器中打开这个文件然后F12来调用控制台,则数组会被简化。如果刷新此页面,控制台将显示此数组的详细信息。

enter image description here

如果我输入带有devtool的url,它也会显示详细信息。

为什么?

1 个答案:

答案 0 :(得分:4)

这只是出于性能原因而完成的。如果控制台关闭,没有任何意义显示整个阵列(这将需要chrome来读取数组并输出它)。

如果chrome devtools打开,性能不再是问题,因为你实际上在看控制台(99%的用户不会这样做)。