调试CSS的ipad

问题描述:

我创建一个专门为iPad的网站。我应该使用哪些工具来帮助我调试CSS?我正在从桌面环境开发,但在iPad上测试和查看我的更改。调试CSS的ipad

我使用萤火虫调试您的正常网站。但我的ipad网站在Firefox中完全不显示。它出现在Safari中,但Sencha的拖动,触摸和滑动事件处理程序对我的鼠标事件没有反应。

我用什么工具在用Sencha构建的ipad网站上调试css(可能是javascript)问题?

+0

您还可以使用此iPad应用程序(iDebug for iPad)http://itunes.apple.com/us/app/idebug/id525956537?mt=8&ign-mpt=uo%3D2此应用程序会在您的Web上加载Firebug Lite页面,所以你可以调试JavaScript和CSS。 – 2012-06-10 14:05:21

我最终使用谷歌Chrome的开发人员工具。它像safari一样使用webkit引擎,所以它就是我所关注的东西。

+1

Safari也有这些开发者工具(他们实际上是作为Webkit的一部分在Safari中发起的),所以你可以通过使用它来更接近iPad的渲染。请参阅:http://developer.apple.com/technologies/safari/developer-tools.html :) – 2011-02-05 20:52:16

尝试Phantom Limb

它模拟桌面浏览器上的触摸事件以启用测试。 (它也将你的鼠标指针变成一个巨大的手,我想增加效果....嗯)

这是一个相当新的东西 - 我还没有尝试过,它仍然在我的'todo'清单上,所以我不能告诉你它有多好,只是它应该解决你所问的那种问题。