访问调试器中的内容属性

Question

如何在chrome调试器中访问控制器的content属性。 我真的试图找到一种方法来调试我的应用程序。到目前为止，我找不到办法做到这一点。

谢谢

亚历

Answer 1

添加声明

debugger;

在要调试的方法中，

1. 打开谷歌浏览器，CTRL + SHIFT + i
2. 点击应用程序的URL，导航到您认为代码运行的状态

Google Chrome会自动停在debugger;语句处，并将您的注意力集中在来源/脚本标签上，如图所示

在Watch表达式选项卡中单击“+”，在您的情况下评估代码

this.get("content");

只要你有这个断点，就可以切换到控制台面板并在那个环境中执行代码，只要你完成了，你可以通过点击CTRL + SHIFT + I或那里的关闭按钮关闭面板，你也可以通过点击行号来手动添加断点，希望这有帮助

了解更多info

Answer 2

我正在使用Ember Extentions尚未准备就绪，但肯定可以使用。

Answer 3

有两种可能性

1. 使用适用于Chrome的Ember Inspector工具：尚未正式发布，但据我所知，它似乎可用。我没有时间自己尝试，但这里有article告诉你如何安装和使用它。

2. 在浏览器的控制台中访问您的控制器。然后根据需要进行检查。这是访问您的控制器的代码。我在我的应用程序中自己使用它进行调试：

---

// i assume that your Ember.Application is stored in the global var App
var App = Ember.Application.create({
    getController : function(name){
        return this.__container__.lookup("controller:" + name);
    }
});
// now you can use it like this. To get the users controller (App.UsersController) just use this in the console:
App.getController("users")