alert style debugging your mobile websites. Speed++.
On the other hand Firefox OS, the best thing to have happened since the invention of in-plane WiFi (guess where I’m writing this blog post), lacks a proper way to debug applications after deploying them to your shiny new phone.
By combining these two facts, plus given that the Firefox OS UI layer is completely written in web standards, it’s only natural that we at Telenor Comoyo (ok, ok, Kevin Grandon came up with the original idea) started hacking on superawesomeincrediblegreat integration of Weinre and Firefox OS. That means: live viewing and manipulating your app markup; live editing of styles and live code injection. All from your desktop and directly accessible on your developer phone. Now try that on any other mobile platform. But Jan, how do we know that it actually works? Well dear folks, here is a video:
Great, I want it!
Sure, here’s how you’ll get started:
- Install node.js
- Install Weinre via
npm install -g weinre
- Start Weinre via
weinre --boundHost -all- --httpPort 9090
- Check out the Comoyo build Gaia, the UI library for Firefox OS (git clone git//github.com/comoyo/gaia.git)
- Build Gaia with the Weinre extension:
- Grab the Firefox OS system
- Now start the emulator from your Gaia directory: f.e. on OS/X:
/Applications/B2G.app/Contents/MacOS/b2g-bin -profile $PWD/profile
- Go to the Weinre debug interface on your workstation and see the magic happening.
When you’re ready to debug an application, add the following line to your index.html and restart the emulator:
For 15 years we built software to develop, design and debug on the web. It’s incredible to see that we can leverage all this existing technology and integrate them into our Firefox OS build chain with hardly any effort. I you had any doubt whether Firefox OS was the number one choice for developers, this is the moment for you to reconsider.
This debugging process has also been written up by Mozillacomments powered by Disqus