2012-01-12 118 views
13

我正在为iPad开发一个Web应用程序,并在iPad上的Safari和Safari模拟器上进行测试。现在iPad模拟器中的CSS存在一些问题,在Mac上的Safari中运行良好。 现在我的问题是, 在iPad模拟器中,Safari是否有强大的调试工具?在iPad模拟器中调试Web应用程序

+1

于iOS 6远程调试可用:http://stackoverflow.com/a/12762449/72428 – Blaine 2012-10-06 18:20:39

回答

12

注意:由于iOS6的的,这不是在做远程调试的正确方法,让这个答案的历史原因,但你应该考虑使用Safari浏览器进行远程检查,这里是一个很好的文章:http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector

有无看看这个(我写的bash脚本)https://gist.github.com/2241976。它将允许您打开iPad模拟器并运行Webkit的远程检查器,这看起来就像这样。

iOS remote Inspector

+0

你应该[披露](http://meta.stackexchange.com/a/59302/130268)这是你的项目。 – 2012-03-29 20:34:58

+2

不是一个项目,简单的bash脚本..但完成。 – 2012-04-05 14:14:29

+0

这似乎不适用于最新版本的Xcode。 – 2013-03-05 19:46:54

0

iWebInspector对于iPhone模拟器的Safari相当的强大工具。 它使用与Chrome相同的检查器,它工作得很好(我自己使用它,发现它确实有帮助)。

从他们的网站

iWebInspector是一个免费的工具来调试,配置和检查网络上的iPhone模拟器(iPhone或iPad)上运行的应用程序 。您可以检查 资源,查看和更改HTML CSS &上的JavaScript代码 使用断点,创建图表和更公正的,如果你是在Safari上对 桌面,浏览器或Firebug的。

它适用于Safari中的任何网页 - 网页浏览器 - 无铬 webapp(全屏)以及使用UIWebView的应用程序 - 包括 PhoneGap应用程序。

28

在XCode设备模拟器中运行safari时,桌面Safari(v6)Develop菜单显示这些设备。从那里,你可以启动移动浏览器的开发工具(DOM浏览器等)。这帮助我在没有硬件的情况下调试移动Safari css问题。

iPad Simulator menu option

+0

只需添加到@ t1m0答案,您可能需要打开发展菜单打开Safari浏览器 - >首选项 - >高级 - >,并选中“显示菜单栏中的显示菜单”。 – 2016-12-30 00:31:08

相关问题