在Windows上调试iOS Safari html布局

Question

我的ASP.NET MVC网站标记在iOS（iPad和iPhone）中看起来“错误”。在桌面Safari Chrome，IE等中，我只是在浏览器中使用并嵌入了开发人员工具来查找问题。

有没有办法从Windows调试iOS Safari（通过一些模拟器）。如果它提供了促进该过程的方法，那么我手边还有带xCode的Mac。

Answer 1

在Mac上，您可以打开iOS模拟器（以前是iPhone模拟器）。如果你有XCode，你有模拟器。只需打开模拟器，打开Safari并从那里导航到您的页面，就像在普通浏览器中一样。

由于Mobile Safari没有功能强大的HTML / CSS检查器Firebug Lite可能有效。

Answer 2

我知道这是一个相当古老的问题，但是由于我最近自己遇到了这个问题并找到了解决方案，所以让我在这里与其他可能会看到它的人分享。

weinre项目提供了一个远程调试器，它的工作方式与旧版本的webkit开发工具差不多。虽然它不像Safari中的正确远程调试工具那样功能齐全，但它可以在使用HTML和CSS时完成工作。

weinre包可用on npmjs.com，它需要在您的系统上安装NodeJS / NPM。它可以调试运行任何浏览器的任何应用程序，并适用于支持NodeJS的所有平台，包括Windows。

安装：

requestLocationUpdates

然后在端口9000（或您想要的任何端口）上启动它：

npm i -g weinre

访问localhost：9000可以访问有关如何检测正在测试的网页的说明（请参阅“目标脚本”部分）。例如，将其添加到您的页面：

weinre --httpPort 9000

检测完页面后，您可以转到说明页面指向的调试界面。