Skip to content

Adjust mobile compatibility

Kaifan Zhu edited this page Jun 22, 2015 · 9 revisions

Adjust Mobile Compatibility

Use Chrome browser to open your app. Click the setting button on the up right corner, find and click the "Developer tools" option under the "More tools" selection. Or just hit "F12" on your keyboard.

Once the Developer tool is open, click the cell phone icon on the top left of tool bar. Then you could see the following screenshot. Then you will see your browser like this. Select device you want to test on by clicking the drop down of "Device".
The "Network" selection allow you to change the setting to simulate the webpage's loading process under different network.
The rotate icon under the "Device" drop down could rotate the simulated mobile device screen between portrait and landscape.
By changing the string in "UA" text input could simulate different browser.

Note: Remember refreshing the page every time you change those settings.

Clone this wiki locally