我正在开发一个 Web 应用程序,我们的目标是 iPhone 和 iPod Touch。我熟悉 FireFox 和 IE 的调试工具(例如 Firebug 和 IE Developer Toolbar),但我找不到任何 iPod 的调试工具。我不期待将其alert
用作我的主要调试工具,尤其是当我认为鼠标事件是主要问题之一时。
这真的是最先进的吗?你推荐什么工具?
另外,iPhone 上的 html 布局与在 Windows 上运行的 Safari 的相似度如何?在 Mac 上?
我正在开发一个 Web 应用程序,我们的目标是 iPhone 和 iPod Touch。我熟悉 FireFox 和 IE 的调试工具(例如 Firebug 和 IE Developer Toolbar),但我找不到任何 iPod 的调试工具。我不期待将其alert
用作我的主要调试工具,尤其是当我认为鼠标事件是主要问题之一时。
这真的是最先进的吗?你推荐什么工具?
另外,iPhone 上的 html 布局与在 Windows 上运行的 Safari 的相似度如何?在 Mac 上?
iPhone 版本的 Safari 包含一个非常方便的调试控制台。设置 > Safari > 开发人员。
您还可以使用 iPhone SDK 中的模拟器。没有额外的调试,但比一直使用物理设备更容易。
您还可以将 Safari 的桌面版本用于许多事情。
针对 iPod Touch 和 iPhone 领域的网络工具包括
[iPhone 远程调试控制台]( <a href="http://code.google.com/p/iphonedebug/" rel="nofollow noreferrer">http://code.google.com/p/iphonedebug/)
[MobileSafari 模拟器]( <a href="http://www.testiphone.com/" rel="nofollow noreferrer">http://www.testiphone.com/)
[iPhoney]( <a href="http://marketcircle.com/iphoney/" rel="nofollow noreferrer">http://marketcircle.com/iphoney/)
虽然WebKit 有一个远程检查器,但很难在实际的 iOS 设备上启用(至少没有越狱),因此它的大多数工具都是仅限模拟器的。iWebInspector看起来很有希望,但请记住模拟器的 WebKit 库与设备的不同。
这就是weinre的用武之地。使用 weinre,您可以“从笔记本电脑调试手机上显示的网页”。它的工作原理是运行它的自定义 HTTP 服务器,该服务器托管两件事:
例如,您启动服务器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 上加载目标页面时,该连接将显示在大型机的客户端页面中,您可以使用 Inspector 选项卡在 iPhone 上查看/编辑页面。
它有一些限制(没有 Javascript 断点等)并且可能有点滞后,但总的来说它非常神奇。
还有一个很好的工具叫做 iWebInspector http://www.iwebinspector.com/