如何在手机端预览 Axure 制作的原型?

通过两种方法实现手机端预览 Axure 原型

方法一:利用 Mac 自带的 Apache 服务器

启动 Apache

sudo apachectl start

在浏览器访问 http://127.0.0.1或者  localhost 出现下图则说明启动成功了

如何在手机端预览 Axure 制作的原型?

站点的根目录为

/Library/WebServer/Documents

我们需要把Axure原型生成HTML后的文件夹放到这个目录下,手机需要跟 Mac 连接同一个 WiFi ,手机端需要把 WiFi 的代理设置为Mac 的 ip 地址(192.168.2.66),比如导出的原型文件夹名为 AxureShare 那么需要相应的在访问地址后面加上文件夹名字,即 http://192.168.2.66/AxureShare

如何在手机端预览 Axure 制作的原型?

需要预览 page1 的话访问 http://192.168.2.66/AxureShare/page1.html 即可,以此类推,如果不指定默认打开的是 index.html

另外解释一下 3 个带有 start 的 html 文件:

start.html    开启页面列表

start_g_0.html    关闭页面列表

start_c_1.html    最小化工具栏

方法二:利用 Mac 自带的 Python 的 httpserver 模块

进入到原型生成HTML后的文件夹

cd /Users/AxurePM/Desktop/AxureShare

启动 Python 的 httpserver

# 查看 Python 版本
python -V

# 如果你的 Python 版本是 2.X
python -m SimpleHTTPServer

# 如果你的 Python 版本是 3.X
python3 -m http.server

如何在手机端预览 Axure 制作的原型?

出现如图所示就启动成功了,然后在手机端直接访问 Mac 的局域网地址和端口 http://192.168.2.66:8000 即可,如果要查看 page1 页面则访问 http://192.168.2.66:8000/page1.html,方法二简单粗暴不需要设置代理,也不需要加上文件夹名

如果 8000 端口被占用,可以更改 httpserver 的端口,比如把端口改成 2019

# 如果你的 Python 版本是 2.X
python -m SimpleHTTPServer 2019

# 如果你的 Python 版本是 3.X
python -m http.server 2019

发表评论

电子邮件地址不会被公开。 必填项已用*标注