2009-01-26 30 views
6

我正在研究一個Web應用程序,我們的目標是iPhone和iPod Touch。我熟悉FireFox和IE的調試工具(例如Firebug和IE Developer Toolbar),但我找不到任何iPod。我不希望使用alert作爲我的主要調試工具,特別是當我期望鼠標事件成爲主要問題之一時。您用於iPhone/iPod網頁開發的調試技巧是什麼?

this真的是最先進的?你推薦什麼工具?

此外,iPhone上的HTML佈局與運行在Windows上的Safari的佈局有多類似?在Mac上?

回答

4

Safari版本的iPhone包含一個非常方便的調試控制檯。設置> Safarai>開發者。

您也可以在iPhone SDK中使用模擬器。沒有額外的調試,但比使用物理設備更容易。

您還可以使用桌面版本的Safari來做很多事情。

+1

如果我沒有弄錯,這個解決方案是Mac的。 – Pieter 2013-04-20 09:56:23

1

雖然WebKit has a remote inspector,就很難使實際的iOS設備(至少在沒有越獄)上很好的工具,所以大多數的工具,它是模擬器只。 iWebInspector看起來很有希望,但請記住模擬器的WebKit庫與設備不相同。

這就是其中weinre進來。隨着weinre,你可以「調試從你的筆記本電腦顯示在你的手機上的網頁」。它的工作原理是在運行承載兩件事情它的自定義HTTP服務器:

  • JavaScript文件包含想要調試
  • ,你要從調試機器上加載督察頁面在頁面上

您啓動服務器eg java -jar Downloads/weinre.jar --boundHost -all- --httpPort 4242,然後在您的網頁的源代碼中加入一個腳本標記,如<script src="http://weinre-server-name.local:4242/target/target-script-min.js">,並通過導航到例如http://weinre-server-name.local:4242/client。當您在本地WiFi連接上的iPhone上加載目標頁面時,連接將顯示在大型機的客戶端頁面上,您可以使用「檢查器」選項卡查看/編輯iPhone上的頁面。

它有一些限制(沒有Javascript斷點等),可能有點滯後,但總的來說它很神奇。