在Android平板電腦/手機上調試javascript？

Question

如何在iOS上的Safari中啟用調試視圖？ 我只需要查看我正在測試頁面的Xoom是否會生成javascript錯誤。 我試圖找到如何在Android瀏覽器中啟用開發工具，就像我為iOS做的那樣，但似乎找不到它。

Answer 1

我曾經在一個Android應用程序上工作，java開發人員將其設置為警告JavaScript錯誤 - 因為這個問題，我發現了一個我們沒有在iOS版本中捕獲到的額外錯誤。 所以，如果你有權訪問java層，我會檢查出來。 我問他具體做了什么，他說：“有一個來自WebView類的回調讓我知道JS代碼何時拋出錯誤。我實現了該回調以顯示一個android對話框。”

除此之外還有兩個解決方案，我用於調試（ios / android）。 這些對於您無法訪問內置控制台的游戲中的嵌入式Web視圖特別有用：

1） Weinre是一個仍然是beta但功能強大的遠程調試器。 它會在桌面上為您提供一個虛擬檢查器，您可以查詢/查看遠程設備上的錯誤。 有一個完整的dom檢查員和任何東西。 開發它的人也非常敏感。

2）我寫了一個javascript日志功能，命中我的服務器錯誤日志。 只需拖尾您的日志文件就可以了。 我的javascript函數看起來像這樣：

function hlog(){
    var s = Array.prototype.slice.apply(arguments).join('¶');
    document.createElement('img').src = 'http://yourdevbox/debugger/?m=' + encodeURIComponent(s);
}

這樣我可以采取任何數量的論點。 收到此請求的我的php頁面如下所示：

# ensure this can't be used in production 
if (strpos($GLOBALS['HTTP_HOST'], 'devboxhostname') < 0) die(':(');
error_log($_GET['m']);

希望在未來，移動開發人員將擁有更好的調試工具。

Answer 2

鍵入：調試到url字段並驗證，然后將有一個javascript控制台可用（刪除它的方法相同）

在這個頁面上更多一點： https ： //android.stackexchange.com/questions/5999/android-browsers-aboutdebug-what-do-those-settings-do

Answer 3

Android（目前）沒有像Chrome / Chromium那樣的WebInspector。

您仍然可以查看logcat中window.console下觸發的任何console.log（）消息。

資料來源： http ： //developer.android.com/guide/webapps/debugging.html

此外，雖然Firefox 4適用於Android，但瀏覽器的移動版本目前不支持Firebug。

Answer 4

您可以做的最好的事情是使用console.log() （如firebug），然后在手機上安裝日志查看器，根據browser過濾，您可以看到所有console消息。 （ 來源 ）

Answer 5

您無需安裝任何軟件或嘗試在小型移動屏幕上進行調試。 首先在“開發人員設置”中啟用設備中的USB調試，然后使用桌面鑲邊連接和調試移動瀏覽器。

我發現最簡單的方法是在手機/平板電腦上啟用USB調試，在桌面上啟用chrome to

chrome://inspect/#devices

啟用發現USB設備，然后在應用列表上單擊“檢查”

瞧！ 遠程調試！ 現在，您可以在舒適的桌面上調試手機

Answer 6

Opera mobile具有遠程調試功能： http ： //dev.opera.com/articles/view/remote-debugging-with-opera-dragonfly/

Android默認設置似乎沒有調試器，盡管您可以在PC上調試chrome / chromium，它使用相同的webkit渲染。 （甚至有一個模擬Android選項，但它沒有Android平板電腦的所有怪癖，圖像/內存限制等）

Firebug Lite也是一種可能性： http ： //getfirebug.com/firebuglite

Answer 7

試試Weinre：Web Inspector Remote / Watch演示

“Weinre是一個網頁調試器，如FireBug（用於FireFox）和Web Inspector（用於基於WebKit的瀏覽器），除了它旨在遠程工作，特別是允許您在移動設備上調試網頁，例如電話。 ”

您可以查看一些其他遠程調試工具： jsconsole或Aardwolf