如何在Chrome's, Firebug's和Firefox's控制台中显示数组的所有条目

How to display all entries of an array within Chrome's, Firebug's and Firefox's console?

本文关键字：数组 显示 Chrome Firebug Firefox 控制台      更新时间：2023-09-26

我有一个简单的代码片段，从一个网页读取链接，并将它们添加到一个数组，像这样:

var a = document.querySelectorAll('div.grid_imageContainer a[id^=detail_]');
var resp = [];
for(var i=0;i<a.length;i++){
  resp.push(a[i].getAttribute('href'))
}
resp

如果我将此复制到Chrome, Firebug或Firefox的控制台，我得到的结果是有限的，因为我无法完全看到链接，它们在中间有一个省略号('…')。但在Chrome中，如果我点击它，它会显示完整的链接。在Firebug中，我可以在鼠标悬停时看到完整的链接。

这是一个很长的列表，所以，我怎么才能得到完整的数组打印?

Firebug

Firebug有首选项，它控制字符串的最大长度。修改方法:进入about:config，搜索"extensions.firebug.stringCropLength"，修改为"-1"。

那么你应该总是看到完整的字符串。

Chrome开发工具

据我所知，没有选项来调整控制台中数组的显示。因此，您将不得不手动展开不同的部分或将其转换为字符串，例如通过使用JSON.stringify()，如evolutionxbox.

Firefox开发人员工具

据我所知，在控制台中没有选项来调整数组的显示，但是你可以点击"more…"链接来在侧边面板中显示数组条目。
字符串在那里是动态裁剪的，所以你需要调整侧边面板的大小才能看到完整的字符串。

它们还允许您输出包含完整字符串的列表，使用console.table()(在Firebug中相同)，如Jaromanda x所提到的。

注意:这三个工具都允许您使用copy()命令将数组复制到剪贴板，因此您可以将其粘贴到您最喜欢的文本编辑器中。

相关文章：