预览

总共有三种预览方式:

  • 实时预览:在转换页面,每一个转换操作都会刷新右侧的预览界面
  • 真机测试:将鼠标放在应用卡片的预览按钮上会显示该应用的二维码,通过移动端的扫描软件扫描二维码进行预览
  • 模拟测试:点击应用卡片预览按钮打开预览页面,依赖chrome浏览器

下面简单介绍一下第三种预览方式——模拟测试

步骤一:点击应用卡片预览按钮,打开预览页面。
步骤二:通过F12快捷键,打开chrome浏览器的DevTools。
步骤三:点击桌面|移动模式切换按钮将网页显示区域设置为移动版模式
步骤四:切换手机或pad型号,观察转换后的页面在不同设备上的显示效果

预览页面