{"id":185,"date":"2013-11-10T17:03:28","date_gmt":"2013-11-10T17:03:28","guid":{"rendered":"https:\/\/blog.non.co.il\/?p=185"},"modified":"2016-05-22T02:14:23","modified_gmt":"2016-05-22T02:14:23","slug":"hacking-and-debugging-firefoxos-part-1-gaia","status":"publish","type":"post","link":"https:\/\/ca.non.co.il\/index.php\/hacking-and-debugging-firefoxos-part-1-gaia\/","title":{"rendered":"Hacking and Debugging FirefoxOS Part 1 – Gaia"},"content":{"rendered":"

In this post I’m going to explain how to debug Gaia for Firefox OS.
\nI will explain how to run Gaia emulator inside the Firefox browser<\/a> and also how to do a remote debugging on an actual device<\/a> (The ZTE Open to be specific but it should be the same on every device).
\n
\nas my previous post you can find most of the information on MDN – Hacking Gaia<\/a>. But I’ll try to add more info about issues I had. also keep in mind that setting up the environment for debugging Gaia is not too complicated, on my next post I’m going to talk on how to do the same for Gecko and thats where things might be a bit more complicated.<\/p>\n

So you’ll we’ll need to start with having the Gaia source. if you followed my previous post about building Firefox OS 1.3 for the ZTE Open<\/a> you already have all you need just go to your b2g\/gaia folder.
\nif not use git to get Gaia source<\/p>\n

$ git clone https:\/\/github.com\/mozilla-b2g\/gaia.git<\/pre>\n
go to Gaia folder and run make with DEBUG enabled<\/p>\n
$ DEBUG=1 make<\/pre>\n
as you can see from the make output the build process creates a profile for you you can use with Firefox nightly<\/a> to start the emulator.
\nso if you don’t have it download and install it now.<\/p>\n
Debugging On Firefox Nightly<\/h2>\n
Once you have Firefox nightly just run it with the command you got from the make it should be something like –<\/p>\n
$ [NIGHTLY FOLDER]\/firefox  -profile [GAIA FOLDER]\/profile-debug<\/pre>\n
Thats it you should now have Firefox running Gaia.
\nis thats it ?
\nWe’ll no
\nThere are a few issues with the emulator you’ll need to notice –
\nfirst it some times get confused and you’ll need to close and restart Firefox to debug properly.
\nsecond if you want to debug an app (which you’ll probably want) because of threading issues with the debugger. so You’ll need to open a new tab with the specific app your trying to debug. so if you want to debug the SMS app you’ll need to open a new tab with the
\nhttp:\/\/system.gaiamobile.org:8080\/<\/a> URL<\/p>\n
Debugging On Firefox Device<\/h2>\n
so the build process is the same (make sure you use the DEBUG flag!<\/strong>)
\nBut now we need to make sure our device is connected and while in our Gaia folder run<\/p>\n
$ make install-gaia<\/pre>\n
this command will flash our device with the build we just did, and restart the device.
\nonce the device is back on we need to tell adb to forward our remote debugger to the actual device -><\/p>\n
$ adb forward tcp:6000 localfilesystem:\/data\/local\/debugger-socket<\/pre>\n
(we’ll need to repeat this step each time we connect the device)
\nnow we can run Firefox nightly.
\nin the web inspector settings make sure you have “Enable Remote Debugging” option checked, and go to Tools > Web Developer > Connect…
\nand click the connect button (if you followed the instructions every thing should work with the default host and port).
\nNow on your device you’ll be asked to approve the connection.
\nOnce you do so You’ll see available tabs to and processes to debug.
\nselect the “Main  Process” and your good to go.
\n( For debugging apps you’ll only need the Main process, but if you’r debugging a web site you should be able to see its tab in the connection panel once you open it in the device browser).<\/p>\n
the only issue I had with debugging on the device was that I couldn’t log and debug properly the apps (in the debugger I could only see the system app code and it was like the app code wasn’t even being included). it took me too long to understand that I was building Gaia without The Debug Flag so make sure you use it \ud83d\ude42 when building.<\/p>\n","protected":false},"excerpt":{"rendered":"
How to Debug Gaia for Firefox OS in emulator and on actual Device (like the ZTE Open)<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-185","post","type-post","status-publish","format-standard","hentry","category-bitcoin","last-post"],"_links":{"self":[{"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/posts\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":7,"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/posts\/185\/revisions"}],"predecessor-version":[{"id":384,"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/posts\/185\/revisions\/384"}],"wp:attachment":[{"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/categories?post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ca.non.co.il\/index.php\/wp-json\/wp\/v2\/tags?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}