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)