js 移動端測試方法總結
阿新 • • 發佈:2019-01-27
1. node外掛anywhere
簡介
一句話隨時隨地將你的當前目錄變成一個靜態檔案伺服器的根目錄。可以在需要測試的專案根目錄下使用,訪問index.html
安裝方法
npm install anywhere -g
使用方法
anywhere
預設開啟8000埠
anywhere -p 3333
指定開啟3333埠或者替換成其他任意未使用埠
2. eruda元件
簡介
可以在手機端檢視錯誤輸出等資訊
使用方法
在index.html中引入eruda外掛並呼叫其中初始化方法:
<script src="//cdn.jsdelivr.net/eruda/1.2.2/eruda.min.js" ></script>
<script>eruda.init();</script>
3. 二維碼生成器
簡介
使用anywhere訪問專案後,在電腦上將地址,一般是http://192.168.0.106:8000/,生成二維碼,便於在手機上掃碼開啟進行測試
4. wifi
簡介
保證自己電腦和手機使用相同網路,可以使用360wifi在電腦生成wifi,然後手機連線
5. 總結
有了上述四個條件,就可以在電腦端使用anywhere命令開啟專案,然後手機上開啟網址進行測試,將http://192.168.0.106:8000這個常用網址儲存成標籤,然後就可以檢視錯誤資訊。雖然大部分工作使用谷歌瀏覽器的手機模擬功能可以實現模擬測試,但是設計到手機重力感應等效果測試時,就要手機實測。