Please enable JavaScript to view this site.

Navigation: Advanced topics

Testing the mobile version of your web app

Scroll Prev Next More

 

There are several different ways for you to test the mobile version of your application.

Using the developer tools in the browser

Modern browsers have an option to emulate the way mobile devices show any web page using the Developer tools.

 

Hit F12 to open the Chrome/Firefox Developers Tools. To emulate the mobile mode:

 

Click the Toggle device toolbar button in the Chrome Developer tools panel.

mobile_chrome_dev

 

Click the Responsive Design Mode button in the Firefox Developer tools panel.

mobile_firefox_dev

 

You can select different devices or set the resolution yourself and choose horizontal or vertical orientation.

Using your mobile device

If your mobile device and desktop computer are on the same network, you can test your app with your smartphone or tablet.

 

Note: the built-in web server that comes with PHPRunner is only designed for local testing. You need to use a web server, for example, XAMPP.

 

Choose the output folder of the project under your web server root folder and build the app. Open the URL, e.g., http://desktop_computer_name/project_name in the browser on your mobile device.

 

Alternatively, you can upload your project to the Demo Account, and open the link on your mobile device.

See also:

After you are done

Demo Account

How to install a local web server (XAMPP)

SEO-friendly pages in your web application

Testing web applications in mobile mode

 

Created with Help+Manual 7 and styled with Premium Pack Version 3 © by EC Software