5、简易应用开发与界面样式优化指南

简易应用开发与界面样式优化指南

1. 应用测试与调试

1.1 错误控制台的使用

在 Safari 浏览器中测试应用时，首先要关注的是错误控制台。通过“开发”菜单选择“显示错误控制台”，就能打开它。错误控制台能提供关键信息，例如语法错误提示，像 SyntaxError: Parse error 就表明代码里存在浏览器无法解析的部分，常见情况如下：
- 忘记闭合括号、方括号或大括号，或者多添加了括号。
- 配置选项间缺少逗号，或者多添加了逗号。
- 变量声明结尾遗漏分号。
- 未闭合单引号或双引号，或者在必要时未对引号进行转义。

同时，错误控制台还会显示错误发生的文件路径和行号，例如 /app/TouchStart - 4.js: 39 ，这能帮助我们快速定位并修复错误。

1.2 大小写敏感性问题

JavaScript 是区分大小写的语言。如果代码里输入 xtype: 'Panel' ，错误控制台会提示 Attempting to create a component with an xtype that has not been registered: Panel ，这是因为 Sencha Touch 期望的是 panel 而非 Panel 。

1.3 缺失文件问题

若 index.html 文件未正确指向 sencha - tou