在iPhone應用程序上調試Javascript的最佳方法？

Question

我在iPhone上做了一些粗糙的開發。我正在編寫一個本地iPhone應用程序，它使用一個UIWebView對象用JavaScript加載網站。我發現很難在iPhone上調試JavaScript代碼。 這個問題有哪些方法/技巧？

Answer 1

由於iPhone上的Safari瀏覽器正在使用webkit，因此您可以使用內置於桌面Safari的Web檢查器中的調試器。雖然平臺之間可能會有一些不同之處，但它會讓你很好地瞭解解釋器中發生的事情。

Answer 2

我同意pjbeardsley。我會添加在http://www.testiphone.com/之內使用您的網頁，以便您可以看到尺寸會是什麼樣子。我肯定會使用Safari和Web Inspector以及它

Answer 3

我有混合成功使用Dashcode其中有一個JavaScript調試器與iPhone模擬器配對。開始工作有點棘手，因爲如果不打開項目就無法啓動它。但是我記得，我在網上發佈了這個項目，發佈了一個佔位符項目，然後在Dashcode中調試了佔位符項目。然後我在模擬器中導航到我的網址，並設置了斷點。可能還有其他幾個竅門，但一旦它運行起來，就好像我在Mobile Safari中有一個真正的調試器，這非常棒。

好運

Answer 4

阿德里安·哈里斯類似，可以通過建立在Dashcode中的虛擬項目來調試iPhone上的任何網站，點擊「移動Safari瀏覽器」，然後在「運行」

一旦iPhone模擬器打開，Safari瀏覽器打開虛擬項目網站，點擊Safari瀏覽器的網址欄，輸入任何公開網址，當你在網站上時，你可以點擊「暫停」，任何JavaScript代碼運行後彈出調試器。在這一點上，變量可以被檢查，斷點設置等

Answer 5

如果你有機會到Android手機，你可以使用調試桌面Chrome瀏覽器的全面的開發工具和應用程序中的USB連接線（非常方便）。

這意味着調試器，分析器，HTML檢查器等都運行在您的手機上，但通過在筆記本電腦/臺式機上運行的chrome訪問。

Android Chrome瀏覽器和iPhone手機Safari通常比Desktop Safari更類似於Mobile Safari，屏幕格式將類似，佈局類似，您將可以嘗試真正的觸摸事件等。

https://developers.google.com/chrome/mobile/docs/debugging

它會要求Chrome瀏覽器，Android設備能夠運行Android Chrome應用程式和USB電纜。

您必須安裝並使用ADB控制檯命令，但一旦其運行，您將擁有完整的Chrome開發人員工具界面，可用於調試移動設備。

Answer 6

我知道這是一個老問題，但希望用最新的信息的答案 - >

新的Safari瀏覽器（適用於Mac）的方式來使用Web檢查在實際的iPhone或iPad中如果您擁有最新軟件（Safari，iOS6和MacOS）以及附帶的（帶有線纜）iDevice，則爲實時。

您可以通過在iphone上的「高級」Safari瀏覽器首選項中啓用它，然後在mac上的Safari瀏覽器的開發菜單下訪問它。請參閱此處瞭解更多信息：http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html#//apple_ref/doc/uid/TP40006515

您也可以用相同的方式訪問模擬器（使用xCode安裝）。