DevTools/Features/MobileInDesktop

From MozillaWiki
Jump to: navigation, search
Please use "Edit with form" above to edit this page.

Status

Mobile Development in Desktop Firefox
Stage Definition
Status `
Release target `
Health OK
Status note `

Team

Product manager Kevin Dangoor
Directly Responsible Individual Kevin Dangoor
Lead engineer `
Security lead `
Privacy lead `
Localization lead `
Accessibility lead `
QA lead `
UX lead `
Product marketing lead `
Operations lead `
Additional members `

Open issues/risks

`

Stage 1: Definition

1. 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

2. Users & 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.

3. Dependencies

`

4. Requirements

`

Non-goals

`

Stage 2: Design

5. Functional specification

  • User agent change
  • Viewport size and orientation changes
  • Touch event simulation
  • Device APIs? (simulated camera and such)


Related Work

  • Responsive Design Test Bookmarklet
    • Generates iframes of different sizes.
  • Multitouch Simulator
    • "Just add some fingers to the screen, record movements and replay."
  • 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 Chrome web store
  • 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.
  • iPhone Emulator
    • Emulates iPhone-sized view port
  • Mock Toucher
    • Simulates multitouch and touch events
  • Remote Tilt
    • Emulates tilt events with an on-screen display
    • Also lets you send remote events from an actual mobile device

6. User experience design

`

Stage 3: Planning

7. Implementation plan

`

8. Reviews

Security review

`

Privacy review

`

Localization review

`

Accessibility

`

Quality Assurance review

`

Operations review

`

Stage 4: Development

9. Implementation

`

Stage 5: Release

10. Landing criteria

`


Feature details

Priority P2
Rank 1.1
Theme / Goal `
Roadmap Developer Tools
Secondary roadmap `
Feature list Desktop
Project `
Engineering team DevTools

Team status notes

  status notes
Products ` `
Engineering ` `
Security ` `
Privacy ` `
Localization ` `
Accessibility ` `
Quality assurance ` `
User experience ` `
Product marketing ` `
Operations ` `