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 扫码打开开发版小程序，操作小程序后上报数据，从而在面板中展示相关页面的性能数据，快速排查、调优性能问题。

查看原图