开发
API

IDE 调试

模拟器

模拟器是模拟字节小程序在抖音 APP 真实的逻辑表现和运行环境。绝大部分的 API 在模拟器上的表现与和客户端一致。

  • 切换设备:开发者可以选择不同的设备来调试小程序在不同机型上的适配问题。
  • 切换百分比:开发者可以控制模拟屏幕的显示比例。
  • 模拟操作:模拟手机的部分操作,用以触发特定事件。常见的事件比如切后台、截屏、内存警告等。

    功能介绍

    功能

    说明

    Home

    切后台事件

    返回

    返回上一页事件

    webview

    当前页面有 web-view 组件时,点击按钮后打开当前 web-view 组件所加载页面的控制台

    screenshot

    模拟手机截屏事件

    内存警告

    模拟内存警告事件

    旧版导航栏

    该功能用于临时支持旧版导航栏。3.3.1 版本起不再支持。

  • 独立窗口:开发者可以通过点击【独立窗口】按钮,将模拟器区域从开发者工具主窗口弹出,以独立窗口的形式展现。
  • 布局切换:在模拟器设备宽度小于 1000 时可将模拟器的位置与编辑器、调试器进行左右切换。

调试工具

配合模拟器,IDE 提供了定制化的调试器,在其基础上提供更多扩展。默认展示的有:

  • Elements: 基于小程序元素、样式调试。
  • Console: 运行日志、错误查看。
  • Storage: 缓存数据查看、编辑。
  • Sources: 源码查看、断点调试。
  • Network: 网络资源、请求查看。
  • App data:实时反应项目数据情况,可以编辑数据并反馈到界面中
  • Audit定位和识别小程序运行过程中的体验问题,从性能体验,最佳实践三个维度对小程序进行分析,同时提供优化建议。
  • Mock可以模拟指定 API 信息,参数返回信息,模拟返回值。
  • Trace通过 Trace 面板可以使用抖音 APP 扫码打开开发版小程序,操作小程序后上报数据,从而在面板中展示相关页面的性能数据,快速排查、调优性能问题。
点击纠错
该文档是否对你的开发有所帮助?
有帮助
没帮助
该文档是否对你的开发有所帮助?
有帮助
没帮助