axure原型怎么发布到手机端预览

习惯用axure的同学，觉得用axure很爽很强大。就是在手机端的演示一直不很友好。PC端演示手机端的场景不够贴切，感受达不到，所以还是找一个简单好用的方法来解决这个问题吧。

1.将原型源文件生成html文件

为了保证手机端预览效果，内容区域放置位置为0，0。

image.png

2.将html文件打成压缩包

3.通过wulihub网站托管，实现手机扫码预览

如下图，直接发链接或扫码，非常方便！！！！

image.png image.png

4.达到好的预览效果的注意事项

1）画布内建议仅包含要演示的内容。（比如手动的备注、需求说明等隐藏掉，会影响预览效果）
2）自适应：三击屏幕（我的手机是这样的），弹出设置，可以设置适配和查找目录。
选择scale to fit width，

image.png

3）查找页面目录
上一个步骤2），弹出设置，左右滑动找到
4）完美适配
想要追求完美匹配，模拟更逼真的效果。细心去设置一下，如底部菜单固定到浏览器底部，页面长度自适应等。
5）我这里的不完美适配
看图，我只适配了宽度，没有做高度的调整。因为我还要在PC端看，就没改。

image.png