如何调试Sencha Touch 2应用程序?

时间:2012-04-12 15:54:21

标签: sencha-touch-2

如何调试Sencha touch 2? 我一直在使用Sencha Designer来创建Sencha Touch 2项目。我使用Chrome进行测试,现在我想破解一些代码,我该怎么做?每次刷新页面时,断点都消失了。我读了一些我需要在URL中使用“断点”但我不知道为什么到目前为止没有工作的东西:

http://localhost/googlemaps/app.html?breakpoint

此外,我意识到我要调试的文件有一个“_dc”参数:

http://localhost/googlemaps/app/view/detalleMapa.js?_dc=1334242199729

谢谢!

4 个答案:

答案 0 :(得分:6)

使用Chrome,您可以从“扳手”菜单中启动“Developer Tools”窗口>工具>开发人员工具(键盘快捷键是“Ctrl + Shift + I”)。

从那里,您可以选择“脚本”选项卡,然后在页面的所有javascript文件列表中选择您的脚本。

显示javascript文件后,单击行号以添加断点。

如果要调试动态加载的代码(有关详细信息,请参阅Ext.Loader),您应该在应用程序中添加以下内容:

Ext.Loader.setConfig({disableCaching: false});

最后,重新加载您的页面,如果再次加载相同的文件,Chrome将在执行该行时中断执行。

快乐的调试!

答案 1 :(得分:0)

所以只是一个FYI ......我找到了(搜索“如何调试Sencha Touch 2应用程序? - 第1部分”),您只需添加“调试器”;在您的脚本中让Chrome调试器在此时中断。

答案 2 :(得分:0)

使用chrome我们获得了sencha的扩展,名为"用于sencha的App Inspector,使用该扩展可以查看组件并进行调试。

答案 3 :(得分:0)

将手机连接到PC并将其放入浏览器中:

铬://检查/#设备