DevTools/Features/MobileInDesktop

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 `

{{#set:Feature name=Mobile Development in Desktop Firefox

|Feature stage=Definition |Feature status=` |Feature version=` |Feature health=OK |Feature 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 `

{{#set:Feature product manager=Kevin Dangoor

|Feature feature manager=Kevin Dangoor |Feature lead engineer=` |Feature security lead=` |Feature privacy lead=` |Feature localization lead=` |Feature accessibility lead=` |Feature qa lead=` |Feature ux lead=` |Feature product marketing lead=` |Feature operations lead=` |Feature 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

` {{#set:Feature open issues and risks=` |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 dependencies=` |Feature requirements=` |Feature non-goals=` |Feature functional spec=* 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

|Feature ux design=` |Feature implementation plan=` |Feature security review=` |Feature privacy review=` |Feature localization review=` |Feature accessibility review=` |Feature qa review=` |Feature operations review=` |Feature implementation notes=` |Feature landing criteria=` }}

Feature details

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

{{#set:Feature priority=P2

|Feature rank=1.1 |Feature theme=` |Feature roadmap=Developer Tools |Feature secondary roadmap=` |Feature list=Desktop |Feature project=` |Feature engineering team=DevTools }}

Team status notes

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

{{#set:Feature products status=`

|Feature products notes=` |Feature engineering status=` |Feature engineering notes=` |Feature security status=` |Feature security health=` |Feature security notes=` |Feature privacy status=` |Feature privacy notes=` |Feature localization status=` |Feature localization notes=` |Feature accessibility status=` |Feature accessibility notes=` |Feature qa status=` |Feature qa notes=` |Feature ux status=` |Feature ux notes=` |Feature product marketing status=` |Feature product marketing notes=` |Feature operations status=` |Feature operations notes=` }}