很多前端工程师在开发和调试过程中都会使用 console.log 来输出变量和查看代码执行情况。不过，在 IE 中使用 console.log 可能会遇到一些问题，特别是当我们需要对页面进行报表测试时。
问题描述
通常情况下，在 IE 浏览器中使用 console.log 是没有任何问题的。但是，如果你想在 IE 中查看大量数据的输出，就可能会遭遇如下问题：
console.log的输出速度非常慢，需要等待一段时间才能看到结果；- 当输出大量数据时，IE 浏览器可能会崩溃或者卡死。
这些问题可能会导致你无法有效地进行报表测试和调试，因此需要采取一些措施来解决这些问题。
解决方案
方案一：使用 console.table
console.table 是一个比较实用的方法，它可以将对象和数组转化为可视化的表格形式。在 IE 中，使用 console.table 可以极大地提高输出速度，并且避免浏览器崩溃的问题。例如：
var data = [{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }];
console.table(data);该代码会将 data 数组输出为一个表格，可以方便地查看每个对象的属性和值。
方案二：使用 console.log 的延时输出
为了避免 console.log 输出速度过慢导致浏览器崩溃的问题，我们可以考虑将多次输出合并成一次输出，并且加入延时。例如：
-- -------------------- ---- -------
-------- ------------------ -
-- ---------
-----------------------------
-- ---------------
-- --------------------- -
------------------ - --------------------- -
-------------------------- -------------------
-- --------
----------------- - ---
------------------ - -----
-- ------ -- -- - -----
-
-
-- ---------
----------------- - ---
------------------ - -----
-- -- ------------ -----
------------------ ----
------------------ ----
------------------ ----该代码会将数据保存到数组中，每隔 1 秒输出一次。这样可以避免大量输出导致浏览器卡死或崩溃的问题。
总结
在 IE 中使用 console.log 进行报表测试时，可能会遇到输出速度慢、浏览器崩溃等问题。为了解决这些问题，我们可以使用 console.table 或者延时输出的方式。这些方法可以提高输出速度，并且避免浏览器崩溃的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15452