Show Firefox OS devtools on Firefox Developer Edition 'desktop'

Question

I've an iMac with OS X Yosemite v.10.10.3. I use Firefox Developer Edition 40.0a2. I've a ZTE Open C (FR version) with Firefox OS; Boot2Gecko 2.1.0.0-prerelease (B2G OS).

What I'd like to do is the following: I've a basic webpage (mostyl HTML, CSS and JS) opened in my browser on my Firefox OS phone. I'd like to get the devtools (Cmd+Shift+i) and be able to edit that webpage with my Firefox Developer Edition browser on my iMac.

I've already tried these things:

• Use webIDE.
• Follow this potential solution.
• Connecting a Firefox OS device.
• WebIDE Troubleshooting.
• Comment déboguer facilement du web y compris sur tablettes et téléphones—french article.

With webIDE, I can build a new app for Firefox OS (with or without a base theme) and I can use the devtools to inspect the DOM and stuff like that. I just want to achieve the exact same thing but directly on my desktop computer.

Do you have any clue?
Feel free to ask me if you need more piece of informations. ;)

Current status

When I launch the Firefox OS browser app, I can inspect (via the devtools) the homepage (DOM stuff, etc.). But when I load another webpage (Google for example), I can't inspect the DOM. Any idea about that?

I often get this message: http://puu.sh/ir2Ju/32563e51bc.png when I switch to several apps I want to debug.

Answer 1

如果我理解正确，您正尝试将桌面上的Firefox Developer Edition WebIDE连接到Firefox OS手机上打开的选项卡。像这样的东西？

如果这是正确的，一旦您在WebIDE中连接到手机，您应该会在“打开应用程序”菜单底部看到一个打开的浏览器选项卡列表，该菜单位于WebIDE面板的左上角。

Answer 2

连接手机时，必须接受远程调试。

然后在窗口左侧，您会看到一个下拉菜单，其中包含您可以调试的应用程序。默认情况下，您只能调试非特权应用程序。

单击要调试的应用程序，然后在屏幕中间单击“扳手”。它是激活调试的按钮。

现在复杂的部分。为了调试特权应用程序，例如Web浏览器。你必须根电话并改变一些偏好。检查您是否拥有root电话。单击运行时菜单，然后单击运行时信息。

如果您的adb处于root模式，则可以按此按钮以请求更高的权限。您也可以手动完成。

有更多信息：

https://developer.mozilla.org/fr/docs/Tools/WebIDE/Running_and_debugging_apps#Unrestricted_app_debugging_%28including_certified_apps.2C_main_process.2C_etc.%29

https://developer.mozilla.org/en-US/Firefox_OS/Using_the_App_Manager#Using_the_B2G_desktop_client

  

使用真实设备

     

  
1. 在您的计算机上，在终端/控制台中输入以下命令，以通过shell进入设备的文件系统：
        

adb shell

  

     
  
1. 您的提示应更改为root @ android。接下来，使用以下命令停止运行B2G：
        

 stop b2g

  

     
  
1. 导航到以下目录：
        

 cd /data/b2g/mozilla/*.default/

  

     
  
1. 在此处，使用以下行更新prefs.js文件：
        

echo 'user_pref("devtools.debugger.forbid-certified-apps", false);' >> prefs.js

  

     
  
1. 完成编辑并保存文件后，使用以下命令再次启动B2G：
        

 start b2g

  

     
  

1. 使用exit命令退出android文件系统;这将使您返回正常的终端提示。

  

2. 接下来，重新连接到App Manager，您应该会看到经过认证的应用程序以进行调试。

  

完成此操作后，您应该会在可用应用程序列表中看到应用程序“浏览器”以进行调试。同时，您应该看到手机的所有其他应用程序都可用作调试。