Firebug就像Android上的調試一樣

Question

我看過幾篇關於在Android上遠程調試javascript代碼的帖子，但是他們都錯過了我想要做的事情。

我有一台Nexus 7，當我離開桌面時，我希望將它用作遠程開發環境。 我創建了一個chroot debian發行版來運行apache和php和git（通過ssh）。 這個chrooted環境從chroot environement外部安裝/ sdcard目錄的子目錄。 虛擬主機的Apache文檔根目錄指向此目錄中的目錄。 在離開桌面之前，我可以將最新版本推送到平板電腦。 當我返回git pull時可以得到我已經做過的事情。

然后我（當離開家並且沒有連接到任何網絡時）可以使用Android編輯器（使用920文本編輯器）編輯代碼，但是然后運行瀏覽器來查看我使用localhost開發的內容apache虛擬主機選擇此向上並顯示它。

我正在開發的應用程序不是用於Android的 - 它最終用於桌面。 但我希望能夠像在桌面上一樣調試它。 斷點和單步執行是首要的事情，但我也傾向於使用firebug中的html部分在編輯之前調整我的CSS。

有沒有辦法讓chrome開發人員工具或firebug添加為firefox加載到將在android中運行的瀏覽器？

Answer 1

我使用適用於iPhone和iPad的Firebug lite書簽，從未在Android上試過，請查看http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone，它必須與Android類似。

要激活它，請使用以下步驟：

1. 為頁面創建新書簽或書簽
2. 將書簽重命名為“Firebug”
3. 復制textarea鏈接：

   的javascript：（函數（F，I，R，E，B，U，G，L，I，T，E）{如果（F.getElementById（b））的返回; E = F [I + 'NS'] && F。 ？documentElement.namespaceURI，E = E +網絡 'NS'：網絡連接;爾;爾;爾;（FE [0] ||鐵[0]）的appendChild（E）; E =新％20Image;爾;}）（。文件 '的createElement'， '的setAttribute'， '的getElementsByTagName'， 'FirebugLite'， '4'， '螢火-lite.js'， '發布/精簡版/最新/護膚/ XP / sprite.png'，” https://getfirebug.com/'，'＃startOpened '）;

4. 編輯Firebug書簽，刪除URL並粘貼書簽
5. 選擇“完成”（在虛擬鍵盤上），你就完成了所有設置

點擊該bookmarklet應該會在移動設備底部為您提供功能齊全的Firebug。

Answer 2

至少不適用於Firefox Mobile，因為所有的devtools仍然部分基於XUL ，其中Firefox Mobile使用的是Native UI。

我不認為在不久的將來有任何改變這種情況的計划; 這不是常見的情況。

但是，您應該能夠使用Debugger API執行某些操作，從而為Firefox Mobile創建附加組件。 但我不知道它是否值得。