javascript - Firefox 开发工具 + Chrome 调试器控制台 JavaScript 对象引用的错误显示

标签 javascript reference firebug firefox-developer-tools

我在 Firefox 开发工具中遇到一些异常行为。使用 lodash 从对象中过滤出一些元素后,控制台将显示对该对象的先前未过滤版本的引用,但仅在右侧 Pane 中。

debug bug

左边显示了2个元素,这是我期望的结果。右侧显示了原始未过滤的 17 个元素。事实上,在我因最近 FB 的停用而被迫切换到开发工具之前,我曾在 Firebug 中罕见地经历过这种情况。

如果没有其他人经历过这种情况,我可以尝试将其提炼为一个最小的案例示例,但如果这是一个已知的错误,我更愿意解决它。

倾向于相信我的对象实际上已被过滤,如左侧所示,但这有点令人不安。

更新:

使用 Firefox 51 Linux

Chrome 实际上也在做同样的事情。它显示了包含 17 个元素的 array[2]:

chrome debugger

最佳答案

当您检查数组时,会显示其当前值,即您单击记录的变量时的值。该值可能与记录到控制台的值不同。

Chrome DevTools 显示了一些 Info icon shown besides an expanded array variable图标旁边的数组解释了悬停时的情况。

Chrome DevTools showing expanded array variable and tooltip explaining why the item count differs

这意味着,在记录变量时,它确实只有两项,但在您单击它时,它显然再次未被过滤。

关于javascript - Firefox 开发工具 + Chrome 调试器控制台 JavaScript 对象引用的错误显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42148269/

相关文章:

java - 如何传递对抽象类的引用 - Java

c++ - 虚函数的引用

html - Web Developer 工具栏真的有保存按钮来保存在 Firebug 中修改的 CSS 吗?

javascript - 写入 Firebug 日志的帮助代码,如果使用 IE/Chrome 等,它不会中断

javascript - jQuery - 获取最近的类元素

javascript - 单击按钮时在 Bootstraps 移动导航上打开子菜单

php - 在 PHP 中序列化引用

javascript - node.js - 使用 socket.io 在公共(public) IP 上托管服务器

javascript - 在 JavaScript 中重构 JSON 文件

internet-explorer - 有没有像 FireBug for IE 这样的开发者工具?