炫彩界面库论坛

 找回密码
 加入我们

QQ登录

只需一步,快速开始

查看: 4131|回复: 1

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

[复制链接]
  • TA的每日心情
    开心
    2022-1-9 18:18
  • 发表于 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备2023014763号-1 )

    GMT+8, 2024-3-29 19:24 , Processed in 0.070078 second(s), 21 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

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