开发
服务市场
社区

常用功能

模拟器功能

模拟器提供了和百度App客户端一致的运行环境,对于绝大部分的 API 均能够在模拟器上呈现出与客户端一致的状态。











切换设备

开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同机型上的适配问题。

切换百分比

开发者可以控制模拟屏幕的显示比例。

模拟操作

在模拟器进行调试的时候,很多真实手机上的操作,比如截屏、震动等,可以通过模拟操作面板来模拟。








功能介绍

功能 说明
Home 切后台
返回 返回上一页
扫码 设置扫码返回结果。当未设置扫码返回结果时,调用swan.scanCode api会出现图标跳动提示,提示开发者设置扫码返回结果。
震动 模拟手机震动
webview 当前页面有web-view组件时,点击打开当前web-view组件调试器
授权管理 打开授权管理页面
截屏 模拟手机截屏操作
内存警告 模拟内存警告
网络 切换网络

独立窗口

开发者可以通过点击|独立窗口|按钮,将模拟器区域从开发者工具主窗口弹出,以独立窗口的形式展现。

布局切换

在模拟器设备宽度小于1000时可将模拟器的位置与编辑器、调试器进行左右切换

自定义编译

点击工具栏中的编译按钮或者使用快捷键 Ctrl(⌘) + B,可以编译当前代码,并自动刷新模拟器。
同时为了帮助开发者调试从不同场景值进入具体的页面,开发者可以添加或选择已有的自定义编译条件进行编译和代码预览(如图)。
已有的自定义编译条件会记录在project.swan.json中,开发者可以将其托管于工具内部处理。

注:编译条件跟项目相关,每个项目可以保存自己相关的编译条件

图片

自定义预处理

图片
在项目信息面板中,我们提供了以下几个默认的预处理,可以解决大部分的代码文件预处理的问题

  1. ES6 转 ES5(可以应用于编译、预览、上传),使用 "babel-core": "^6.0.0"
  2. 上传代码时样式自动补全,使用 "postcss": "^7.0.0"
  3. 上传代码时自动压缩,使用 "uglify-js": "^3.4.9"

对于高级开发者来说,完全可以自己编写自动化构建脚本对代码文件进行预处理,所以我们提供了 启用自定义处理命令 选项,开发者可以指定 编译前/预览前/上传前 需要预处理的命令 开发者工具使用 shell 的方式运行指定的命令,并在控制台中输出命令的执行日志

如果您使用框架开发小程序,可以参考文档 框架开发

预处理命令的默认执行顺序:

  1. 自定义预处理命令
  2. 默认预处理命令
  3. 编译/预览/上传

勾选异步执行选项后,编译前预处理命令将与编译流程并行执行,如果编译前预处理命令是watch类的命令,需要勾选此选项,以免阻塞编译流程。

注:

  1. 编译前预处理命令,需要手动点击 "编译" 按钮,或者使用快捷键编译才能触发。文件修改无法触发该命令。
  2. Mac 版本的开发者工具无法复用 bash 中的 Path 环境变量。可能需要手动设置系统的 Path 环境变量,才能正常执行命令。

前后台切换

工具栏中切后台模拟了智能小程序被切换到后台的情况。

图片

编 辑文 档 反 馈帮 助 回 到顶 部