admin 发表于 2018-11-21 13:27:03

JS 设计器 - 调试程序

此代码由UI设计器自动生成, 接上一节课程<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. 停止调试
点击工具栏上的此按钮 可停止调试程序


feng 发表于 2019-4-9 23:17:16

路过,发几张美女图片
https://aff.sexsex2.com/img/xiong_leg1.jpg?from=bbs
https://aff.sexsex2.com/img/beauty_sexy_no.jpg?from=bbs
https://aff.sexsex2.com/img/luoli1.jpg?from=bbs
页: [1]
查看完整版本: JS 设计器 - 调试程序