Test a mobile Web page

How do I test a mobile Web page? Implement the test page with mobile phone

This article describes the following two ways

1, test with Chrome's analog mobile browser,

2. Configure the local IP address via wampserver, install the QR Code generation tool (or use the online QR Code generation tool) to realize the real environment test by using the sweep function of the mobile phone to view the static page.

1. Test with Chrome's analog mobile browser

When the page is written, open the developer tool via Chrome F12 and click on the mobile phone box in the lower left corner to test your phone's environment.

2. Configure the local IP address via wampserver, install the QR Code generation tool (or use the online QR Code generation tool) to test the actual environment of the mobile phone with the sweep function of the mobile phone

WAMP is the abbreviation for windows+apache+mysql+php, a group of open-source software used to build dynamic websites or servers.

Search Wamp in Baidu, then download the appropriate version of the installation package.

Open the installation package and select "Next". Then accept the authorization and select "Next"

After the installation is complete, start the WAMP program

Open the browser and enter localhost in the address bar to indicate success.

Right-click on the taskbar wamp set Language

After you set the language, left-click to open the WWW directory (W) to pop up a folder where you put the files you want to test.

View your own IP address. My IP is 192.168.1.65 the path of the corresponding file is: 192.168.1.65/applypage.html

Open in Browser OK:

Take the path such as: 192.168.1.65/applypage.html

A two-dimensional code is generated using the online QR code. Scan a QR code with your phone. You can view the page on your phone!

Two-dimensional code generation tool Baidu can find a lot. It is not recommended here.

Test a mobile Web page