我正在研究一個Web應用程序,我們的目標是iPhone和iPod Touch。我熟悉FireFox和IE的調試工具(例如Firebug和IE Developer Toolbar),但我找不到任何iPod。我不希望使用alert
作爲我的主要調試工具,特別是當我期望鼠標事件成爲主要問題之一時。您用於iPhone/iPod網頁開發的調試技巧是什麼?
是this真的是最先進的?你推薦什麼工具?
此外,iPhone上的HTML佈局與運行在Windows上的Safari的佈局有多類似?在Mac上?
我正在研究一個Web應用程序,我們的目標是iPhone和iPod Touch。我熟悉FireFox和IE的調試工具(例如Firebug和IE Developer Toolbar),但我找不到任何iPod。我不希望使用alert
作爲我的主要調試工具,特別是當我期望鼠標事件成爲主要問題之一時。您用於iPhone/iPod網頁開發的調試技巧是什麼?
是this真的是最先進的?你推薦什麼工具?
此外,iPhone上的HTML佈局與運行在Windows上的Safari的佈局有多類似?在Mac上?
Safari版本的iPhone包含一個非常方便的調試控制檯。設置> Safarai>開發者。
您也可以在iPhone SDK中使用模擬器。沒有額外的調試,但比使用物理設備更容易。
您還可以使用桌面版本的Safari來做很多事情。
的網絡工具,針對iPod Touch和iPhone領域包括
[iPhone遠程調試控制檯(http://code.google.com/p/iphonedebug/)
BlackBaud Simulator for Windows
[MobileSafari模擬器(http://www.testiphone.com/)
[ iPhoney](http://marketcircle.com/iphoney/)
還有一個叫iWebInspector http://www.iwebinspector.com/
雖然WebKit has a remote inspector,就很難使實際的iOS設備(至少在沒有越獄)上很好的工具,所以大多數的工具,它是模擬器只。 iWebInspector看起來很有希望,但請記住模擬器的WebKit庫與設備不相同。
這就是其中weinre進來。隨着weinre,你可以「調試從你的筆記本電腦顯示在你的手機上的網頁」。它的工作原理是在運行承載兩件事情它的自定義HTTP服務器:
您啓動服務器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斷點等),可能有點滯後,但總的來說它很神奇。
如果我沒有弄錯,這個解決方案是Mac的。 – Pieter 2013-04-20 09:56:23