browser add-on to test mobile design

firefox firefox-addon fennec
gorgi93 picture gorgi93 · Aug 13, 2012 · Viewed 22.6k times · Source

Are there any add-ons to test an HTML page to see what it will look like on a mobile device? I'm developing with PhoneGap but Eclipse emulator is too slow to refresh it all the time so I want to have a browser extension that make screen resolution like on mobile.

Answer

Wladimir Palant picture Wladimir Palant · Aug 13, 2012

If you care only about the screen size, Firefox 15 (currently Beta, release coming up in two weeks) has Responsive Design View in the Web Developer menu that allows you to adjust "screen size". For example, you can select 360x640 (nHD resolution) and have a look at your page.

However, mobile browsers do custom adjustments to web pages and these adjustments depend on the browser used. For example, Firefox Mobile does something called Font Inflation. You cannot reproduce it in a desktop browser, you have to actually run Firefox Mobile for that. The problem: mobile browsers will only run on mobiles, even Mozilla stopped supplying Firefox Mobile for the desktop after they switched to the native Android UI.

Edit: Starting with Firefox 33, there is a Firefox OS simulator built into Firefox (thanks to Tomek for pointing me into this direction). To start it, open WebIDE, then click "Select Runtime" and choose "Firefox OS 1.3." This will start the simulator, all you need to do then is clicking the Firefox icon (for me it's a blue one, not the usual orange). There you are, you can test any website in a real mobile browser, right on your desktop.

Related questions

.setAttribute("disabled", false); changes editable attribute to false

I want to have textboxes related to radiobuttons. Therefore each radio button should enable it's textbox and disable the others. However when I set the disabled attribute of textbox to true, it changes the editable attribute too. I tried setting …

Read More
Postman addon's like in firefox

Is there a recommended add-ons in the firefox, which is has the most features that postman have?

Read More
How to add java plugin for Firefox on Linux?

I want to add java plugin for FireFox (v10.0.12) on Linux(Centos 5.6 64bit). I have JDK 1.7.0_12 installed, and add a symbolic link to plugin folder under /usr/lib/mozilla to the file libnpjp2.so under (JRE)/lib/amd64/ Followd this …

Read More