如何在 Chrome、Firebug 和 Firefox 的控制台中显示数组的所有条目？
How to display all entries of an array within Chrome's, Firebug's and Firefox's console?
我有一个简单的代码片段，它从网页读取 links 并将它们添加到这样的数组中：
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 的控制台，我得到的结果是有限的，因为我无法完全看到 link , 它们中间有一个省略号 ('...')。但是在 Chrome 中，如果我单击它，它会显示完整的 link。在 Firebug 中，我可以在悬停时看到完整的 link。
这是一个很长的列表，那么，我怎样才能得到要打印的完整数组呢？
Firebug
Firebug 有偏好，控制字符串的最大长度。要更改它，请转到 about:config, search for extensions.firebug.stringCropLength 并将其值更改为 -1。
那么您应该总能看到完整的字符串。
Chrome 开发者工具
据我所知，控制台中没有调整数组显示的选项。因此，您将不得不手动扩展不同的部分或将它们转换为字符串，例如通过使用 JSON.stringify() 作为 .
Firefox 开发者工具
据我所知，控制台中没有调整数组显示的选项，但您可以单击 "more…" link 以在侧面板中显示数组条目.
字符串在那里被动态裁剪，因此您需要调整侧面板的大小才能看到完整的字符串。
它们还允许您使用 Jaromanda X 提到的 console.table()（在 Firebug 中相同）输出包含完整字符串的列表。
注意：这三个工具都允许您使用 copy() 命令将数组复制到剪贴板，因此您可以将其粘贴到您喜欢的文本编辑器中。
我有一个简单的代码片段，它从网页读取 links 并将它们添加到这样的数组中：
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 的控制台，我得到的结果是有限的，因为我无法完全看到 link , 它们中间有一个省略号 ('...')。但是在 Chrome 中，如果我单击它，它会显示完整的 link。在 Firebug 中，我可以在悬停时看到完整的 link。
这是一个很长的列表，那么，我怎样才能得到要打印的完整数组呢？
Firebug
Firebug 有偏好，控制字符串的最大长度。要更改它，请转到 about:config, search for extensions.firebug.stringCropLength 并将其值更改为 -1。
那么您应该总能看到完整的字符串。
Chrome 开发者工具
据我所知，控制台中没有调整数组显示的选项。因此，您将不得不手动扩展不同的部分或将它们转换为字符串，例如通过使用 JSON.stringify() 作为
Firefox 开发者工具
据我所知，控制台中没有调整数组显示的选项，但您可以单击 "more…" link 以在侧面板中显示数组条目.
字符串在那里被动态裁剪，因此您需要调整侧面板的大小才能看到完整的字符串。
它们还允许您使用 Jaromanda X 提到的 console.table()（在 Firebug 中相同）输出包含完整字符串的列表。
注意：这三个工具都允许您使用 copy() 命令将数组复制到剪贴板，因此您可以将其粘贴到您喜欢的文本编辑器中。