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

Question

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

HTTP://localhost/googlemaps/app.html断点

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

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

谢谢!

Answer 1

使用Chrome,您可以从扳手菜单>工具>开发人员工具启动" 开发人员工具 "窗口(键盘快捷键为"Ctrl + Shift + I").

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

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

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

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

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

快乐的调试!