O'Reilly

Firefox OS Simulator

By on  
FirefoxOS

If you haven't heard yet, Mozilla is working on an awesome new phone OS called Firefox OS.  From a developer's perspective, highlights include:

  • all apps are and will be created from CSS, JavaScript, and HTML
  • the OS is open source
  • each app runs as its own virtual Firefox/browser process
  • installing apps from Firefox Marketplace is incredibly easy
  • support for mobile will push Firefox to keep improving performance
  • more!

While it's now possible to create your own FirefoxOS build, many of you probably don't want to take the time quite yet.  No problem -- there's a faster solution for getting a sneak peak at Firefox OS:  Firefox OS Simulator (formerly R2D2B2G). Firefox OS Simulator is installed into Firefox like any other plugin, and once activated, is activated by selecting Tools > Web Developer > FirefoxOS Simulator.

Once installed, Firefox OS Simulator allows you to move from screen to screen, open any app (though some APIs like Camera don't work within the simulator yet), install apps from the Firefox Marketplace or any other domain, and just about anything else. FirefoxOS Simulator is great for developers looking to do heavy Firefox OS app development or simply get a preview of what's to come from Firefox OS.  Grab Firefox OS Simulator and get excited about Mozilla's upcoming platform!

O'Reilly Velocity Conference
Save 20% with discount code AFF20

Recent Features

  • CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

  • Regular Expressions for the Rest of Us

    Sooner or later you’ll run across a regular expression. With their cryptic syntax, confusing documentation and massive learning curve, most developers settle for copying and pasting them from StackOverflow and hoping they work. But what if you could decode regular expressions and harness their power? In...

Incredible Demos

  • CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

  • Create Twitter-Style Dropdowns Using MooTools

    Twitter does some great stuff with JavaScript. What I really appreciate about what they do is that there aren't any epic JS functionalities -- they're all simple touches. One of those simple touches is the "Login" dropdown on their homepage. I've taken...

Discussion

  1. CJ

    How do you go back to the home screen once an app is launched?

    • On Mac, FN + LEFTARROW and FN + RIGHTARROW should move you around.

    • taixzo

      What are the keys on Linux? Fn+arrows didn’t work.

    • Try Home and End

  2. Nice, I like that and it works fine!

  3. Stay tuned, because in a few short weeks this will be turning into the Firefox OS Simulator and it will be a lot easier to get apps into it for testing. We are planning additional improvements now. So, this will definitely be a slick and easy way to get going with Firefox OS.

  4. Wow! Just tried it with the Selenium plugin and IT WORKS!

  5. Hey! Any chance you can generate Linux 64-bit builds? Those users that use their distro builds are often on a native version of Firefox for their architecture (amd64) and those that manually download builds often get the 64-bit ones from the FTP servers.

    Cheers,

    jonathan

  6. Rolf

    Nice, always fun to scroll between pages in a simulator with the mouse not touching the icons ;)

  7. Rolf

    Nice, always fun to “scroll” between pages in a simulator using the mouse not trying to touch/click the app icons, lol

  8. I installed that plugin but not able to see it activated inside “Tools > B2G Desktop.” :( Can anyone suggest why its not working on my side ?

  9. Chung Xa

    It looks cool but I’ve got a warning and deleted files from Norton Internet Security.
    It says … “Suspicious.Cloud.7.EP”

    • I believe that may be specific to your system. Weird.

    • Andreas

      Same happened to me. Norton 360 deleted about 10 .dlls and classified them as “WS.Reputation.1″ which seems to mean that not much is known about this file, so it might be a virus ..

  10. Are you able to use the remote debugger in FF18 with the simulator?

  11. Sathish

    Guys, Remote debugging doesn’t connect to the B2G simulator. Tried it on Firefox 18+ and Nightly (Mac). All preferences in about:config are set according to this link. Any help pls?

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!

Recently on David Walsh Blog

  • Prevent Chrome from Translating a Page

    A while back I shared my favorite Google Chrome extension:  Google Art Project.  I've enjoyed seeing beautiful art when I open a new tab -- it's brought genuine happiness to my day, however small that happiness may be.  About a week ago, however, the art presented had...

  • Create Any Type Of Website With These Multi-Purpose Themes

    We have selected what we believe are the very best multipurpose WordPress themes on the market today. Our list contains a number of best sellers, several newcomers that are proving to be highly popular, and a few themes that are ideal for creating the types of...

  • An Introduction to Static Site Generators

    Static site generators seem to have been becoming more and more popular recently, but they’re not one of those ephemeral novelty things that grow in popularity as quickly as they fall into oblivion shortly after. For over a decade, many different projects — 394 of...

  • Automated Tests for Visual Responsive Layouts

    Today it's all about testing. In 2015, many developers knows about TDD and I personally think that testing is one of the key for quality products. But what about testing in a Front-end environment? How do you guys write your tests for a responsive page or...

  • Getting Dicey With Flexbox

    What if you could build complex CSS layouts in minutes? Flexbox is a new CSS layout spec that makes it easy to construct dynamic layouts. With flexbox, vertical centering, same-height columns, reordering, and direction agnosticism are a piece of cake. There's a popular myth floating around that...