1. 程式人生 > >移動端專案如何在手機上面做測試

移動端專案如何在手機上面做測試

引言

最近在看vue2.0,然後仿寫餓了麼,但是怎麼把自己寫好的專案在手機上面測試呢,比如移動端的1px邊框問題,在電腦模擬的手機端是看不到的。

下面開始介紹方法:

用webstrom啟動vue專案,然後可以看到瀏覽器上面的專案網址,例如:http://localhost:8080/goods,然後需要把localhost換成自己的ip地址。
那麼怎麼檢視自己的ip地址呢?
點選開始->執行->在開啟裡面輸入cmd->然後會彈出命令列視窗,在命令列窗口裡輸入ipconfig,點選回車,就會看到自己的ip地址了。然後把http://localhost:8080/goods 改成http://自己的ip地址:8080/goods,這樣也是可以正常訪問到專案的。
下面重點來了。
我們手機要和電腦處在同一個局域網裡,我們這邊會用到一個二維碼工具(草料二維碼),把http://自己的ip地址:8080/goods輸入草料二維碼即可生成一個臨時的二維碼,用手機掃一掃就可以訪問到專案了,是不是很方便。