炫彩界面库论坛

 找回密码
 加入我们

QQ登录

只需一步,快速开始

查看: 628|回复: 1

[开源教程] JS 设计器 - 调试程序

[复制链接]
发表于 2018-11-21 13:27:03 | 显示全部楼层 |阅读模式
此代码由UI设计器自动生成, 接上一节课程  <JS 设计器-新建项目-生成事件代码>

1. 设置JS启动文件
QQ截图20181121125340.png

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


3. 启动调试
QQ截图20181121130849.png


4. 调试界面

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


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

6. 按F5键运行
QQ截图20181121131639.png


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


8. F10执行下一行代码

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


9. 停止调试
点击工具栏上的此按钮 可停止调试程序
QQ截图20181121133150.png

发表于 2019-4-9 23:17:16 | 显示全部楼层
路过,发几张美女图片


您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

QQ|Archiver|手机版|小黑屋|广州炫软(软件)科技有限公司 ( 粤ICP备15089345号-1 )

GMT+8, 2019-4-25 20:49 , Processed in 0.082807 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表