如何在Chrome，Firebug和Firefox的控制台中显示阵列的所有条目？

Question

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

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中，我可以看到悬停的完整链接。

这是一个很长的列表，所以，我怎样才能打印出完整的数组呢？

Answer 1

萤火虫

Firebug具有首选项，它控制字符串的最大长度。要进行更改，请转到about:config，搜索extensions.firebug.stringCropLength并将其值更改为-1。

然后你应该总是看到完整的字符串。

Chrome开发者工具

据我所知，没有选项可以在控制台中调整数组的显示。因此，您必须手动展开不同的部分或将它们转换为字符串，例如使用JSON.stringify()作为mentioned by evolutionxbox。

Firefox开发人员工具

据我所知，没有选项可以在控制台中调整数组的显示，但是你可以点击＆＃34;更多......＆＃34;链接以在侧面板中显示阵列条目 字符串在那里动态裁剪，因此您需要调整侧面板的大小以查看完整的字符串。

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

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