測試移動web頁面


移動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  

用在線二維碼生成一個二維碼。用手機掃一掃二維碼。就可以在手機上查看頁面了!

二維碼生成工具百度就可以找到很多。就不在此推薦了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM