Menu
I'm developing a mobile website for iPhone, Android, etc. using jQuery Mobile. I'd like to be able to test this in my desktop browser and was wondering what the best approach is. I guess I could use a plugin to change the User-Agent header to the appropriate value and manually resize the browser to the device's width, but is there a simpler/more reliable way?
Sorry, I should have mentioned that the only hardware available is a Windows laptop
912
Hover on the More Tools option from the list. Select Developer Tools under the More Tools menu. This will launch the Developer Tools pane in the browser. Click on the Device toggle icon to enable the mobile site view mode.
Launch the Google Chrome browser and go to the site you want to view. Hit F12 on your keyboard to access DevTools. When the mode is turned on, click the “Toggle Device Emulation” icon. You can choose from a list of iOS and Android devices to emulate them.
In such a case, you can view the sites in the mobile view layout in your Firefox Browser on your computer itself. Just open the web developer tools and enable the responsive design mode icon after launching the site which you want to view in the Mobile site layout.
In Chrome hit F12 to open the Developer Toolbar. Then click 'Toggle device toolbar' (tablet icon, top left next to select element). You can then choose the device at the top to test.
63
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
