分分鐘教你使用手機預覽原型圖(MAC版)

3 評論 20311 瀏覽 112 收藏 4 分鐘

在網上看了很多人都使用EasyWebSvr做一個本地服務器,然后將做好的原型文件裝進去,手機打開瀏覽器就可以預覽原型圖啦~ 但是MAC系統沒有EasyWebSvr怎么辦? 不用擔心,很簡單~

步驟

  1. 設置原型圖尺寸
  2. 設置參數導出原型文件
  3. 啟動Apachectl
  4. 創建文件夾,將原型文件放入
  5. 查看Ip,用手機瀏覽器打開瀏覽
  6. 關閉Apachectl

1. 設置原型圖尺寸

給大家介紹幾個通用的尺寸:

  • iPhone4 320*480
  • iPhone5 ?320*568
  • iPhone6? 375*667
  • iPhone 6 Plus 414*736
  • Samsung Galaxy S4 360*640

拖一個框到Axure,在此處設置這個框的大小就好啦

2. 設置參數導出原型文件

設置一下參數,如圖:

3. 啟動Apachectl

在mac中,搜索”終端”。(或者點擊Launchpad-其他-終端)

  • 輸入?sudo /usr/sbin/apachectl start (回車)
  • 輸入 密碼 (回車)
  • 完成

4. 創建文件夾,將原型文件放入

在此文件夾中創建一個文件,然后將原型的所有文件放入創建的文件中即可。

5. 查看Ip,用手機瀏覽器打開瀏覽

復制此Ip地址,手機連接同一wifi,在手機瀏覽器中輸入http://你的ip/你創建的文件名 ? 即可

6. 關閉Apachectl

  • 輸入sudo /usr/sbin/apachectl stop ?(回車)
  • 輸入 密碼 (回車)
  • 完成

跟大家介紹一下這個指令:

  • 重啟apache:sudo /usr/sbin/apachectl restart
  • 關閉apache:sudo /usr/sbin/apachectl stop
  • 開啟apache:sudo /usr/sbin/apachectl start

使用完記得關閉哦!加油,有問題留言~

分享作品

 

作者:Bass

本文由 @Bass 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 導出時設置了隱藏側邊欄,使用iphoneX 發送到桌面 正常不顯示側邊欄,但是使用iphone 6SP的時候 從桌面進入 就默認顯示側邊欄,怎么破

    來自浙江 回復
  2. 找不到資源庫,請問不是在資源庫這個文件夾下面可以嗎?

    來自四川 回復
    1. 你的路徑對嗎?發來看看

      來自上海 回復