View source for DevTools/Features/MobileInDesktop

{{FeatureStatus
|Feature name=Mobile Development in Desktop Firefox
|Feature stage=Definition
|Feature health=OK
}}
{{FeatureTeam
|Feature product manager=Kevin Dangoor
|Feature feature manager=Kevin Dangoor
}}
{{FeaturePageBody
|Feature overview=Many mobile browsers differ considerably from their desktop counterparts in how they handle the web content presentation. Not so with Firefox. Firefox on desktop and mobile share code and a release schedule, so there is very little difference between the two.

Implementing features in the desktop browser that allow it to be used for directly working with mobile applications may be a quicker path to helping mobile developers than adding remote debugging (which is in progress separately).

Paul Rouget and Rob Campbell independently made some of the suggestions for this feature.

See also: https://wiki.mozilla.org/Mobile/Desktop_Extension
|Feature users and use cases=* Mobile web app designer

Needs to ensure a responsive web design will look right on supported devices

* Web developer

wants to use Scratchpad and other tools when testing a mobile app.
|Feature functional spec=* User agent change
* Viewport size and orientation changes
* Touch event simulation
* Device APIs? (simulated camera and such)


==== Related Work ====

* [http://www.benjaminkeen.com/misc/bricss/ Responsive Design Test Bookmarklet]
** Generates iframes of different sizes.
* [https://addons.mozilla.org/en-US/firefox/addon/multitouch-simulator/ Multitouch Simulator]
** "Just add some fingers to the screen, record movements and replay."
* [https://github.com/blackberry/Ripple-UI Ripple]
** Looks promising as a way to emulate mobile devices when browsing. Doesn't seem to work well, though! (Open source, Apache licensed)
** Also in [https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc Chrome web store]
* [https://chrome.google.com/webstore/detail/onmkoldigcfmebcinpmineoadckalllb appMobi XDK]
** Works better than Ripple, but is closed source. Doesn't browse the web, just for testing your apps. Requires Java server for local file access.
* [https://chrome.google.com/webstore/detail/pglillhfjfoljamnhfkdmolahchbkgpd iPhone Emulator]
** Emulates iPhone-sized view port
* [https://developer.mozilla.org/media/uploads/demos/t/w/twolfson/ddae10ccaef17dc8784fcfd304c50db9/mock-toucher_1330507525_demo_package/index.html Mock Toucher]
** Simulates multitouch and touch events
* [http://remote-tilt.com/ Remote Tilt]
** Emulates tilt events with an on-screen display
** Also lets you send remote events from an actual mobile device
}}
{{FeatureInfo
|Feature priority=P2
|Feature rank=1.1
|Feature roadmap=Developer Tools
|Feature list=Desktop
|Feature engineering team=DevTools
}}
{{FeatureTeamStatus}}