文档中心 > 店铺动态卡片-开发指引

千牛(Windows版)PC小程序真机实时预览

更新时间:2023/02/13 访问次数:10620

一、概述


在开发千牛 PC 小程序过程中,由于淘宝 IDE 的模拟器能力受限,很多 API 无法模拟等原因,导致容易出现 IDE 模拟器和千牛真机预览表现有差异的现象,遇到这种问题开发者只能在千牛上频繁点击 PC 小程序的生成链接进行实时预览,比较折磨人,这个问题困扰了很多千牛 PC 小程序开发者。

针对这个痛点问题,我们对 PC 小程序预览方案进行改造,缩短预览链路,可直接在千牛真机上预览小程序,方便开发者调试。

 

二、环境要求


1. 淘宝开发者工具版本:2.3.2 +

2. Windows 千牛版本:9.00.02N +

 

三、获取预览URL


在淘宝开发者工具,点击“预览”,勾选“开启千牛PC实时预览”之后,复制链接即可获取。


image.png

 

四、千牛预览入口


在 PC 千牛中预览小程序,步骤如下:


1. 打开系统设置。


image.png


2. Ctrl+Shift+右键(鼠标右键)单击导航栏空白处,显示“开发者设置”。


image.png


3. 切换到“开发者设置”。


image.png


4. 将预览 URL 填入,点击“打开”。


image.png

 

5. 开发时如果代码有变动,点击“刷新”,可预览最新效果。


image.png


6. 在淘宝开发者工具改动代码逻辑后,点击上图的“刷新”按钮,即可实时预览相应效果。效果示例:


image.png


FAQ

关于此文档暂时还没有FAQ
返回
顶部