Debugging Egret Project

如何使用 Chrome调试 Egret应用

• 确认 Chrome是您的默认浏览器
• 执行 egret startserver egret-examples 打开测试项目

您也可以直接打开 Chrome浏览器，并手动输入url地址

• 设置->工具->JavaScript控制台，然后您可以看到以下效果

• 为了保证最佳体验，请按住右下角的控制台面板按钮，切换控制台面板的位置为下图所示

* 您可以通过 JavaScript控制台来查看控制台输出，以及进行断点级别的调试

如何在控制台输出

• 在 JavaScript / TypeScript 代码中输入 console.log ("Hello,World");即可

如何编译项目代码

• 开发者修改完 TypeScript 代码后，应执行 egret build {project_name} 命令进行构建，将 TypeScript 编译为 JavaScript

请勿调用任何 以 "_" 开头的属性或者公开方法，如 displayObject._x = 100;

• 开发者执行 egret create 命令创建一个新项目时，会在内部执行一次 build 命令，所以创建新项目无需编译

如何更新引擎代码

参见 这里

如何进行断点调试

• 在 JavaScript 控制台中打开 source 面板
• 打开特定的源代码文件，双击特定代码行，进行断点调试
• 更多有关 Chrome 断点调试的文章，可以参考 这篇文章

如何禁用浏览器缓存

• 打开Chrome浏览器
• 设置->工具->JavaScript控制台
• 在JavaScript控制台（右下角）设置（齿轮图标）-> 常用 -> 禁用浏览器缓存
• 当进行好上述设置之后，只要JavaScript控制台处于打开状态，Chrome就不会从缓存中读取任何内容