快应用 代码调试

通过本节，你将学会：

• web 预览项目
• 扫码与快速调试

web预览快应用项目

用户不需要等待生成 rpk 并安装在手机上即可预览项目效果

---

打开项目

创建工程之后，快应用开发工具将自动打开新建的快应用工程，或者打开其他快应用项目。

打开 web 预览功能

点击开发工具顶部工具栏的模拟器，即可打开或者关闭 web 预览功能，如下图：

使用 web 预览功能

• 用户可以通过顶部工具栏上的按钮开启/关闭 web 预览窗口和 web 预览开发者工具窗口
• 调试器定制的 UX 面板，展示预览的 Dom 结构以及样式，可实时修改样式规则、命名以及元素属性。
• 调试器定制的 Data 面板，展示页面数据，主要指 .ux 文件中的 private、protected 字段，并支持自动刷新。
• 右上角的后退，刷新可以帮助开发者调试项目
• 展示二维码可以在手机上用调试器扫码直接安装项目，详情请见快速调试中 扫码调试
• 预览设置中，可关闭或开启保存文件时自动刷新、重新启动编译。

扫码与快速调试

了解通过两种方式来调试快应用

---

扫码调试

扫码调试项目可以通过扫二维码预览安装至手机的 rpk

用快应用开发工具打开一个快应用工程

• 此时开发工具将会自动对项目进行编译并生成 rpk 文件。

在手机调试器中"关闭"【开启usb调试】功能

• 此时在“开启 usb 调试”下面会出现”扫码安装“功能。

注意：

• 如果手机没有安装调试器的话可以通过开发工具自带的 更新手机环境 功能安装调试器。

点击开发工具右上角的显示二维码按钮并进行扫码

• 扫码成功后，此时手机与开发工具将建立连接，手机调试器将自动打开安装的 rpk 效果。

扫码安装成功后，在手机调试器右下角可以选择“开始调试”进行调试

注意：

• 手机调试器扫过一次二维码后将和开发工具建立连接，之后只需要使用“开始调试”进行调试。

快速调试

快速调试项目可以预览安装至手机的 rpk

通过本节，你将学会：

• 利用开发工具快速调试一个项目

开启 usb 调试

• 详情可以参考 其他功能 中的 开启 usb 调试。

开始调试

• 手机跟电脑需要处于同一局域网内。如果不能保证在同一个局域网内，可在安装完【快应用调试器】后，打开【快应用调试器】，在首页点击打开【开启 USB 调试】模式开关。如下图所示：                   

注意：

• 如果手机没有安装调试器的话可以通过开发工具自带的 更新手机环境 功能安装调试器。
• 点击工具栏的 USB 调试，即可执行快速进行 USB 调试，如下图所示：
  
• 每次运行调试时，开发者工具会检测您的手机是否安装了【快应用预览版】【快应用调试器】。如果未安装，开发者工具将自动安装。

• 快应用预览版首次打开会提示用户授理存储权限，同样调试器在运行过程中也会提示授理存储权限，为了确保正常开启调试请点击允许。如下图所示：
  
• 以上授权成功后，需要重新运行调试才能进入正常的调试流程。

调试预览：

• 调试运行成功后，电脑端会打开调试页面。如下图所示