在 DevTools 中检查 ImmutableJS 对象

Bre*_*ody 2 javascript google-chrome-devtools immutable.js

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

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

在此输入图像描述

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

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

Waz*_*ner 5

有一个Chrome 扩展程序可以满足您的需求。它也可以在 GitHub 上找到:https ://github.com/andrewdavey/immutable-devtools

本质上,它变成了这样:

前

进入:

后

  • 它作为独立的扩展运行。但请确保选中 https://github.com/mattzeunert/immutable-object-formatter-extension 中指定的“启用自定义格式化程序” (2认同)