所以我有一个尚未完成的网站（eklinik），以及它在iPad上的突破（实际上是iOS）......像页脚这样的东西并没有保持固定，有额外的填充到右边，一个应该是100％宽度/高度的div不是，依此类推......
现在，我不是要求别人清理我的烂摊子（尽管会有多么好看），但我问我怎样才能开始在iPad上对网站进行故障排除......？对于桌面浏览器，我总是可以调出开发工具，看看哪些方法正在打破......
我没有基于mac的系统，但我确实有iPad ... iPad中的开发控制台只是寻找JS错误（大多数情况下）而且没有显示任何内容......
任何建议都会有所帮助......谢谢......
PS。该网站只能在最新的浏览器上运行：
如果您确实感到慷慨，并且想要指出错误（可选），我可能已经做出了错误以及可能的解决方案（可选择），请随时给我留言 - abhishek@live.com.my。 ..： - ）
答案 0 :(得分：3)
这个问题已经过时了，但是出现了一个很好的解决方案：
答案 1 :(得分：2)
我最近有不少客户要求他们的网站“移动兼容”，而在iPad上检查代码/ css的最佳解决方案是Firebug Lite： http://getfirebug.com/firebuglite
我相信您可以上传并在您的网站中加入javascript，然后使用html标记中的简单属性自动启用它（有关详细信息，请参阅其文档）。
您也可以在此处使用此方法在您的iPad书签中安装书签： http://osxdaily.com/2011/12/02/run-firebug-on-ipad-or-iphone/
我使用bookmarklet方法使用它，它的工作原理。不幸的是，它有点难以导航，因为它不能很好地处理触摸控制（它无法区分'悬停'和'点击），但它总比没有好。
关于您的实际问题，这听起来类似于我最近在其中一个网站上遇到的问题。您是否设置了视口标记？如果你的网站通常是960px宽，并且你有一个使用宽度为100％的div，那么在iPad上看起来会出错，因为iPad上的窗口在技术上只有600px宽。所以浏览器认为宽度：100％是600px而不是960px或更大。如果您将视口设置为960px，那么iPad Safari会说，“哦，我的浏览器窗口应该是960px（而不是600px）”，并相应调整大小。
希望有所帮助！
答案 2 :(得分：0)
我使用weinre在移动设备上进行测试，而不仅仅是iPad，它可以创造奇迹。
答案 3 :(得分：-2)
如果您使用chrome和safari在PC上仔细测试，直到获得一致的结果，我希望iPad或Android平板电脑呈现“几乎”相同的效果......
关于javascript错误你当然应该避免和修复它们，你使用jQuery或任何其他本质上跨浏览器js框架？如果没有，你应该！ :)