Use Chrome mobile emulation to assist WebApp testing

Original Address http://www.testwo.com/article/177

If you're testing a web app or a hybrid app, Chrome Mobile emulation can help you quickly complete debug on your PC, or smoke and lay out the HTML section.

Mobile emulation only after the Chrome 32 version!!!

Launch simulator

Open chrome,navigate to Developer Tools (F12) and click on the "Show drawer" button.

Device bar:

The device bar provides more than 10 popular phone modes: Iphones,ipads,samsung Galaxy ... Of course, the corresponding information will be reflected on the UA.
Select the device and refresh the page.

Screen Bar

Screen Bar allows you to customize the resolution of the phone, pixel ratio ....

User Terminal Bar

The User agent is an ancient technique designed to display different mobile website based on different agent strings. It is now replaced by responsive design.

Sensor Bar

With this bar you can implement device hardware simulations, including touch, geo-positioning, accelerometer ...

Back to Browser mode

Go back to the device bar and click on the "Reset" button.

Summarize:

Chrome's simulator is very useful for development and testing, but it's far from being an alternative to real-world users and mobile site, the app's true interaction and experience.
So if you want to do quick and dirty mobile testing, chrome mobile emulation is a good choice.

Use Chrome mobile emulation to assist WebApp testing