快应用 代码调试
通过本节,你将学会:
web预览快应用项目
用户不需要等待生成 rpk 并安装在手机上即可预览项目效果
打开项目
创建工程之后,快应用开发工具将自动打开新建的快应用工程,或者打开其他快应用项目。
打开 web 预览功能
点击开发工具顶部工具栏的模拟器,即可打开或者关闭 web 预览功能,如下图:
使用 web 预览功能
- 用户可以通过顶部工具栏上的按钮开启/关闭 web 预览窗口和 web 预览开发者工具窗口
- 调试器定制的 UX 面板,展示预览的 Dom 结构以及样式,可实时修改样式规则、命名以及元素属性。
- 调试器定制的 Data 面板,展示页面数据,主要指 .ux 文件中的 private、protected 字段,并支持自动刷新。
- 右上角的后退,刷新可以帮助开发者调试项目
- 展示二维码可以在手机上用调试器扫码直接安装项目,详情请见快速调试中 扫码调试
- 预览设置中,可关闭或开启保存文件时自动刷新、重新启动编译。
扫码与快速调试
了解通过两种方式来调试快应用
扫码调试
扫码调试项目可以通过扫二维码预览安装至手机的 rpk
用快应用开发工具打开一个快应用工程
- 此时开发工具将会自动对项目进行编译并生成 rpk 文件。
在手机调试器中"关闭"【开启usb调试】功能
- 此时在“开启 usb 调试”下面会出现”扫码安装“功能。
注意:
- 如果手机没有安装调试器的话可以通过开发工具自带的 更新手机环境 功能安装调试器。
点击开发工具右上角的显示二维码按钮并进行扫码
- 扫码成功后,此时手机与开发工具将建立连接,手机调试器将自动打开安装的 rpk 效果。
扫码安装成功后,在手机调试器右下角可以选择“开始调试”进行调试
注意:
- 手机调试器扫过一次二维码后将和开发工具建立连接,之后只需要使用“开始调试”进行调试。
快速调试
快速调试项目可以预览安装至手机的 rpk
通过本节,你将学会:
- 利用开发工具快速调试一个项目
开启 usb 调试
- 详情可以参考 其他功能 中的 开启 usb 调试。
开始调试
- 手机跟电脑需要处于同一局域网内。如果不能保证在同一个局域网内,可在安装完【快应用调试器】后,打开【快应用调试器】,在首页点击打开【开启 USB 调试】模式开关。如下图所示:
注意:
- 如果手机没有安装调试器的话可以通过开发工具自带的 更新手机环境 功能安装调试器。
- 点击工具栏的 USB 调试,即可执行快速进行 USB 调试,如下图所示:
- 每次运行调试时,开发者工具会检测您的手机是否安装了【快应用预览版】【快应用调试器】。如果未安装,开发者工具将自动安装。
- 快应用预览版首次打开会提示用户授理存储权限,同样调试器在运行过程中也会提示授理存储权限,为了确保正常开启调试请点击允许。如下图所示:
- 以上授权成功后,需要重新运行调试才能进入正常的调试流程。
调试预览:
- 调试运行成功后,电脑端会打开调试页面。如下图所示