javascript - 在 DevTools 中检查 ImmutableJS 对象

标签 javascript google-chrome-devtools immutable.js

我已经开始使用ImmutableJS总的来说,真的很喜欢它。

但是有一个主要的破坏因素 - 在 DevTools 中查看 ImmutableJS 对象(如 List)时,会显示 List 构造函数而不是列表项。这是一个例子:

enter image description here

理想情况下,将显示 List 的元素,以便可以检查它们。

除了使用像 toArray() 这样的 ImmutableJS 方法之外,还有其他方法可以在 DevTools 中查看 Immutable 对象吗?

最佳答案

有一个Chrome extension这就是你想要的。它也可以在 GitHub 上找到:https://github.com/andrewdavey/immutable-devtools

本质上,它变成了这样:

Before

进入:

After

关于javascript - 在 DevTools 中检查 ImmutableJS 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46343812/

相关文章:

javascript - 特定情况下的换行标记 html 和 javascript

javascript - 如何设置 Electron 浏览器窗口 DevTools 宽度?

google-chrome - 如何在 Chrome 控制台打开时显示屏幕大小?

javascript - 强制子类不可变

javascript - 如何获得几个 immutable.js 列表的联合

javascript - 如何比较两个 redux store 状态?

javascript - 使用 jQuery 动画回调无法正确更新我的 Angular 模型

javascript - 如何在 Laravel 5.2 中的数据表服务器端处理中访问 json 对象/数据?

javascript - jQuery 用户界面 : button to open link in new window

google-chrome - Chrome DevTools 将 CSS 更改直接保存到 SASS 文件