How to emulate the mobile version on :
Firefox currently lacks an easy way to spoof your useragent, but it's still possible. First enter the following into your address bar and click enter.
- Code:
about:config
It may ask you to confirm, if so, click "ok". Now search
general.useragent, and in the blank area below right click, go to
new, and choose
string.
In the first prompt input the following and click OK.
- Code:
general.useragent.override
In the second prompt input a new useragent. The one I provide below is for a mobile browser, you can find more
here. Click OK when you're done.
- Code:
Mozilla/5.0 (Linux; U; Android 2.3; en-us) AppleWebKit/999+ (KHTML, like Gecko) Safari/999.9
Go to a Forumotion forum and you should now see the mobile version. You can use your devtools (F12), or wrench from the omnibox to inspect the elements and make modifications.
To revert back to your normal useragent follow the same steps, except right click on
general.useragent.override and click
reset.
For Google Chrome press F12, or go to Omnibox > More tools > Developer tools
Click the phone to toggle
device mode.
Go to
Device and choose a mobile device from the drop down such as the iPhone.
Once selected, reload the page and you should now see the mobile version.
To revert back to your default useragent, simply toggle device mode from the tools and reload the page.
For Internet Explorer press F12, or go to Tools > Developer tools
Go to
Emulation, and under
browser profile choose
Windows Phone.
After that you should be met with the mobile version. Note that you may need to change the resolution, because it can be a bit glitchy.
To exit the emulation either change back to desktop, or close the devtools.
To emulate the mobile version for Safari make sure the develop menu is shown in the menu bar. To do that, go to Settings > Preferences :
Go to the Advanced tab and tick "Show develop menu in menu bar" :
Next go to Page > Develop > User Agent and pick a mobile device from the selection, such as the iPhone.
After that, the page will reload to display the mobile version. To revert back to your default User Agent, follow the previous steps, but choose "Default" from the useragent selection.
Opera is pretty much the same as Chrome. To change your useragent,
right click and choose
inspect element from the context menu.
Next follow these 3 easy steps :
1. Click the "toggle device mode" button
2. Choose a mobile device from the device dropdown
3. Reload the page
After this, you will see the mobile version of your website. To undo these changes, simply toggle device mode or close the devtools, and reload the page.