爲什麼Chrome控制檯以不同方式顯示陣列？

我寫了這樣一段代碼：爲什麼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>

然後我發現了一個奇怪的事情，如果我在瀏覽器中打開這個文件，然後F12調用控制檯，陣列簡化。如果刷新此頁面，控制檯將顯示此數組的詳細信息。

如果我輸入對的devtool的URL，這也說明細節。

這是爲什麼？

來源

2016-12-28 Arjenloeb

這只是出於性能原因。如果控制檯關閉，則沒有意義顯示整個數組（這將需要chrome讀取數組並輸出）。

如果鉻devtools是開放的，性能不再是一個問題，因爲你實際上正在查看控制檯（99％的用戶不會這麼做）。

來源

2016-12-28 13:39:36 FrankerZ

非常感謝我的可憐英語的答案和修改。我有點想讀現在的源代碼。 – Arjenloeb

@Arjenloeb爲了記錄，您批准了一項編輯，在您的文章中添加了拼寫錯誤。我已經提前回復到之前的版本。 – FrankerZ

爲什麼Chrome控制檯以不同方式顯示陣列？

回答

相關問題