How to View Your Website Mobile Theme On Your Desktop Browser
This is how to view your website mobile theme on your desktop browser. This in essence will make the website “think” you’re using a mobile browser to view the site.
It’s a very simple Firefox plugin called the User Agent Switcher.
After installing the plugin and restarting your Firefox, go to “Tools -> Default User Agent -> iPhone”.
To add more agents, like the Android agent to the list, go to “Tools -> Default User Agent -> Edit User Agents”.
Click the “New -> New User Agent” button and enter the following:
User Agent: Mozilla/5.0 (Linux; U; Android 2.2; en-gb; Nexus One Build/FRF50)
AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
The remaining entries you can keep them at default value.
(For iPad, the user agent is Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10)