有没有办法从 Chrome 开发者工具中评估功能？

Posted 2023-05-09

【中文标题】有没有办法从 Chrome 开发者工具中评估功能？

【英文标题】：Is there a way to evaluate function from Chrome Developer tools?

【发布时间】：2014-05-19 11:53:25

【问题描述】：

我从 knockout.js 和 Jquery Mobile UI（带有分页的手风琴）的组合中获得了一些“量子”行为。我正在观察一件事，而代码却做了完全不同的事情。 我正在寻找一种方法来评估 Chrome 开发人员工具中的功能（检查屏幕截图），或者您是否可以提出任何可以让我获得 $parent.IsExpanded 值的解决方法。

当我在控制台中评估价值时

ko.contextFor($('.ui-collapsible-content:not(.ui-collapsible-content-collapsed)').contents().filter(function()
        return this.nodeType == 8;
    )[0]).$parent.IsExpanded()

我得到了“真实”

在目视检查代码（屏幕截图）时，我可以看到“If”绑定没有被评估，例如“假”

【参考方案1】：

当我需要这样做时，我（临时）添加一个对我的 viewModel 的全局引用，以便我可以在控制台中访问它：

var myViewModel = new ViewModel();
ko.applyBindings(myViewModel);
window.myViewModel = myViewModel;

然后在 Chrome 中：

myViewModel.IsExpanded()