knockout.js - 有没有办法使用 Chrome 调试器检查 knockout 可观察量?

标签 knockout.js google-chrome-devtools

我正在尝试使用 Chrome 调试器检查可观察量。我正在使用 knockout 插件,但它没有显示我感兴趣的可观察量的信息。我一直使用的解决方法是将可观察量设置为全局窗口对象并在控制台中检查它。由于多种原因,这非常耗时。

最佳答案

如果您使用的是非缩小的 knockout 库,则可以检查每个非计算可观察量上公开的 _latestValue 变量。对于compated,IIRC,您可以在compulated上公开的state变量中找到公开的_latestValue变量>.

总而言之,如果您引用knockout的调试(又名非缩小)版本,则可以通过这些变量检查可观察量。

var observable = ko.observable();
var computed = ko.computed(...);
...
observable._latestValue;
computed._state.latestValue;

编辑:我已经修复了 compulated 的情况,但请注意,如果您使用的是最新的 knockout (版本 >= 3.4.1),则可以直接使用 compulated ._latestValue 也是如此,因为它就像 observable 一样被暴露。

关于knockout.js - 有没有办法使用 Chrome 调试器检查 knockout 可观察量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36223873/

相关文章:

javascript - 如何引用被 knockout 组件更改的元素?

google-chrome-extension - 如何通过控制台启用/禁用谷歌浏览器扩展

google-chrome-devtools - Chrome 开发工具丢失网络历史记录

javascript - 为什么 Chrome DevTools 快捷方式对我不起作用?

google-chrome-devtools - 如何在 Chrome devtools > Sources > Page > top > (no domain) (files with//# sourceURL=...) 中启用文件夹

javascript - 如何使这种简单的单向绑定(bind)与 knockout 发挥作用?

javascript - 将参数传递给我的 Knockout ViewModel

javascript - 使用 TypeScript 和 RequireJS 进行knockout.mapping

javascript - 努力使用 .querySelector 查询具有相同类名的特定元素

javascript - knockout : Can't edit item that was added to UI