2013-04-07 57 views
8

我已經看到了幾篇文章,談論Android上的JavaScript代碼遠程調試,但他們都錯過了我想要做的事情。Firebug像Android上的調試

我有一個Nexus 7,當我遠離桌面時,我想用它作爲遠程開發環境。我創建了一個chrooted的debian發行版來運行apache,php和git(通過ssh)。這個chroot環境從chroot environement之外掛載/ sdcard目錄的一個子目錄。虛擬主機的Apache文檔根目錄指向此目錄中的一個目錄。在離開桌面之前,我可以將最新版本推送到平板電腦上。當我返回git pull時,可以得到我已經完成的任務。

然後我可以(當離開家,而不是連接到任何網絡)使用Android編輯器(使用920文本編輯器)編輯代碼,但然後運行瀏覽器來查看我使用本地主機Apache虛擬主機挑選並顯示它。

我正在開發的應用程序不適用於Android,它最終是桌面應用程序。但我希望能夠像在桌面上那樣進行調試。斷點和單步是主要的東西,但我也傾向於在編輯之前使用螢火蟲中的html部分來調整我的CSS。

有沒有辦法讓Chrome開發人員工具或firebug添加爲Firefox加載到將在android中運行的瀏覽器?

+0

我使用iPhone和iPad的螢火蟲精簡版書籤,從未在Android上試過,檢查了這一點osxdaily.com/2011/12/02/run-firebug-on-ipad-oriphone它必須是類似的機器人;如果可以,我發表評論作爲回答 – 2013-04-07 11:17:43

+1

我認爲Firebug lite必須是解決方案。 – akc42 2013-04-08 20:41:39

+0

我會在回覆中發帖,謝謝。 – 2013-04-08 22:13:43

回答

2

我用iPhone和iPad的Firebug精簡版書籤,從來沒有在Android上試過,請檢查一下http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone它必須在Android上類似。

要激活它使用此步驟:

  1. 創建一個新的書籤或書籤頁面
  2. 重命名書籤「螢火蟲」
  3. 複製textarea的鏈接:

    javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return; E = F [i +'NS'] & & F.documentElement.namespaceURI,E = E?網絡連接+ 'NS':網絡連接;爾;爾;爾;(FE [0] ||鐵[0])的appendChild(E); E =新%20Image;爾;})(文件, '的createElement','的setAttribute ','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

  4. 編輯Firebug的書籤,刪除URL並粘貼 書籤
  5. 選擇「完成」(虛擬鍵盤)和你都設置
擊中該書籤應該給你一個全功能的螢火蟲在移動設備的底部。

+0

我確實讓它在Safari/iPad上工作,但不是在任何Android瀏覽器上。 – Martijn 2013-07-23 08:30:54

+0

Firebug Lite對我無用,因爲它不能設置斷點或單步執行。 – Michael 2013-12-17 17:58:01

+0

@邁克爾的問題是關於螢火蟲像,它工作正常...如果你需要更多的檢查http://stackoverflow.com/questions/2314886/how-can-i-debug-javascript-on-android – 2013-12-17 20:08:21

0

至少不適用於Firefox Mobile,因爲所有devtools仍部分基於XUL,其中Firefox Mobile使用Native UI。

我不認爲近期有任何計劃改變這種情況;這不是一個常見的情況。

但是,您應該可以使用Debugger API做一些事情,爲Firefox Mobile創建附加組件。但我不知道這是否值得。