在 Firefox Developer Edition 'desktop' 上显示 Firefox OS devtools

Show Firefox OS devtools on Firefox Developer Edition 'desktop'

我有一台 iMac OS X Yosemite v.10.10.3。我使用 Firefox Developer Edition 40.0a2。我有一个 ZTE Open C(FR 版)和 Firefox OS; Boot2Gecko 2.1.0.0-预发行版 (B2G OS).

我想做的是:我在 Firefox OS 的浏览器中打开了一个基本网页(主要是 HTML、CSS 和 JS) phone。我想要获取开发工具 (Cmd+Shift+i) 并能够在我的 iMac 上使用我的 Firefox Developer Edition 浏览器编辑该网页。

我已经尝试过这些东西:

使用 webIDE,我可以为 Firefox OS(有或没有基本主题)构建一个新应用程序,我可以使用 devtools 检查 DOM 和类似的东西。 我只是想直接在我的台式电脑上实现完全相同的东西

你有什么线索吗?
如果您需要更多信息,请随时问我。 ;)

现状

当我启动 Firefox OS 浏览器应用程序时,我可以(通过开发工具)检查主页(DOM 内容等)。但是当我加载另一个网页时(例如 Google),我无法检查 DOM。对此有什么想法吗?

我经常收到这条消息:http://puu.sh/ir2Ju/32563e51bc.png 当我切换到几个我想调试的应用程序时。

如果我没理解错的话,您正在尝试将桌面上的 Firefox Developer Edition WebIDE 连接到 Firefox OS phone 上打开的选项卡。是这样的吗?

如果正确,在 WebIDE 中连接到 phone 后,您应该会在左上角的 "Open App" 菜单底部看到一个打开的浏览器选项卡列表WebIDE 面板。

当你连接你的phone时,你必须接受远程调试。

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

点击要调试的应用程序,然后在屏幕中间点击 "wrench"。是启动调试的按钮。

现在是复杂的部分。为了调试特权应用程序,例如网络浏览器。您必须 root phone 并更改一些首选项。检查您是否有 root phone。单击运行时菜单,然后单击运行时信息。

如果你的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

Using a real device

  1. On your computer, enter the following command in Terminal/console to enter your device's filesystem via the 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文件系统;这将 return 您进入正常的终端提示符。

  2. 接下来,重新连接到应用程序管理器,您应该会看到经过认证的应用程序出现以进行调试。

完成后,您应该会在可用于调试的应用程序列表中看到应用程序“Browser”。同时,您应该会看到 phone 的所有其他应用程序都可用于调试。