炫彩界面库IDE-JS调试程序

此代码由炫彩IDE自动生成, 接上一节课程  <炫彩界面库IDE-JS新建项目-生成事件代码>

 

1. 设置JS启动文件

2. 设置断点
鼠标左键在画箭头的地方点一下 ,即可设置断点

3. 启动调试

 

4. 调试界面

断点命中暂停在第七行代码
顶部是调试工具栏, 右侧是当前JS范围链信息,  可以查看变量的值

 

5. 按F10单步执行到下一行代码
从JS范围面板 可见 this.hWindow 值等于5 , 说明加载布局文件成功

 

6. 按F5键运行

 

7. 触发事件, 打印信息到输出窗格鼠标点击按钮, 触发按钮点击事件,此事件代码是上一节教程中自动生成的

 

8. F10执行下一行代码

log() 打印信息到输出窗格
pbHandled.value=1; //pbHandled 增加 value=1 属性可拦截事件

 

9. 停止调试
点击工具栏上的此按钮 可停止调试程序

 

炫彩界面库 www.xcgui.com