1. 程式人生 > >js 移動端測試方法總結

js 移動端測試方法總結

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這個常用網址儲存成標籤,然後就可以檢視錯誤資訊。雖然大部分工作使用谷歌瀏覽器的手機模擬功能可以實現模擬測試,但是設計到手機重力感應等效果測試時,就要手機實測。