0

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

谢谢

亚历克斯

4

3 回答 3

3

添加语句

debugger;

在您要调试的方法中,

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

debugger;如图所示,谷歌浏览器会自动在语句处停止并将您的注意力集中在源/脚本选项卡上

在此处输入图像描述

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

this.get("content");

只要您有此断点,您就可以切换到控制台面板并在该上下文中执行代码,完成后您可以通过单击 CTRL+SHIFT+I 或那里的关闭按钮关闭面板,您可以添加断点手动点击行号,希望这会有所帮助

欲了解更多信息

于 2013-03-14T14:59:01.603 回答
1

我正在使用尚未准备好但肯定可用的Ember 扩展。

于 2013-03-14T14:58:23.693 回答
1

有2种可能

  1. 使用适用于 Chrome 的 Ember Inspector Tool:它尚未正式发布,但据我所知,它似乎可用。我还没有时间自己尝试,但是这里有一篇文章告诉你如何安装和使用它。

  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")
于 2013-03-14T15:00:34.347 回答