在开发千牛 PC 小程序过程中,由于淘宝 IDE 的模拟器能力受限,很多 API 无法模拟等原因,导致容易出现 IDE 模拟器和千牛真机预览表现有差异的现象,遇到这种问题开发者只能在千牛上频繁点击 PC 小程序的生成链接进行实时预览,比较折磨人,这个问题困扰了很多千牛 PC 小程序开发者。
针对这个痛点问题,我们对 PC 小程序预览方案进行改造,缩短预览链路,可直接在千牛真机上预览小程序,方便开发者调试。
1. 淘宝开发者工具版本:2.3.2 +
2. Windows 千牛版本:9.00.02N +
在淘宝开发者工具,点击“预览”,勾选“开启千牛PC实时预览”之后,复制链接即可获取。
在 PC 千牛中预览小程序,步骤如下:
1. 打开系统设置。
2. Ctrl+Shift+右键(鼠标右键)单击导航栏空白处,显示“开发者设置”。
3. 切换到“开发者设置”。
4. 将预览 URL 填入,点击“打开”。
5. 开发时如果代码有变动,点击“刷新”,可预览最新效果。
6. 在淘宝开发者工具改动代码逻辑后,点击上图的“刷新”按钮,即可实时预览相应效果。效果示例: