codecamp

快应用 代码调试

通过本节,你将学会:

web预览快应用项目

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

打开项目

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

打开 web 预览功能

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

快应用开发工具

使用 web 预览功能

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



扫码与快速调试

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

扫码调试

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

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

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

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

快应用开发工具

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

注意:

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

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

快应用开发工具

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

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

注意:

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

快速调试

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

通过本节,你将学会:

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

开启 usb 调试

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

开始调试

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

快应用开发工具

注意:
  • 如果手机没有安装调试器的话可以通过开发工具自带的 更新手机环境 功能安装调试器。
  • 点击工具栏的 USB 调试,即可执行快速进行 USB 调试,如下图所示:
    快应用开发工具
  • 每次运行调试时,开发者工具会检测您的手机是否安装了【快应用预览版】【快应用调试器】。如果未安装,开发者工具将自动安装。
  • 快应用预览版首次打开会提示用户授理存储权限,同样调试器在运行过程中也会提示授理存储权限,为了确保正常开启调试请点击允许。如下图所示:
    快应用开发工具
  • 以上授权成功后,需要重新运行调试才能进入正常的调试流程。

调试预览:

  • 调试运行成功后,电脑端会打开调试页面。如下图所示 快应用开发工具


快应用 代码编辑预览
快应用 远程真机预览
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

快应用 参考手册

快应用 安全

快应用 声音音频

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }