如何在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() 提到的 JSON.stringify() 。

Firefox开发人员工具

据我所知，在控制台中没有选项可以调整阵列的显示，但是您可以单击“更多…”链接以在侧面板中显示阵列条目。
字符串是在其中动态裁剪的，因此您需要调整侧面板的大小以查看完整的字符串。

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

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