移動web頁面怎么測試?實現用手機測試頁面
本文介紹的是是通過以下二種方法
1、用chrome的模擬手機瀏覽器進行測試,
2、通過wampServer配置本地IP地址,安裝二維碼生成工具(或使用在線二維碼生成工具)用手機的掃一掃功能實現手機查看靜態頁面,實現實際環境測試
1、用chrome的模擬手機瀏覽器進行測試
在頁面編寫時,通過chrome瀏覽器F12打開開發者工具,再點擊左下角的手機框進行摸擬手機環境測試。
2、通過wampServer配置本地IP地址,安裝二維碼生成工具(或使用在線二維碼生成工具)用手機的掃一掃功能實現手機端實際環境的測試
wamp是windows+apache+mysql+php的簡稱,一組用來搭建動態網站或者服務器的開源軟件.
在百度搜索wamp,然后下載相應版本的安裝包。
打開安裝包,選擇“next”。然后接受授權,選擇“next”
安裝完成后,啟動wamp程序
打開瀏覽器,在地址欄輸入localhost,如圖說明成功。
在任務欄右鍵wamp設置語言
設置好語言后,左鍵打開www 目錄(W) 彈出一個文件夾,在此路徑放置需要測試的文件。
查看自己的IP地址。 我的IP是 192.168.1.65 對應下圖文件的路徑是: http://192.168.1.65/applyPage.html
瀏覽器中打開正常:
把路徑如:http://192.168.1.65/applyPage.html
用在線二維碼生成一個二維碼。用手機掃一掃二維碼。就可以在手機上查看頁面了!
二維碼生成工具百度就可以找到很多。就不在此推薦了。