我的 ASP.NET MVC 网站标记在 iOS(iPad 和 iPhone)中看起来“错误”。在桌面 Safari Chrome、IE 等。我只是在浏览器中使用和嵌入开发者工具来定位问题。
有没有办法从 Windows 调试 iOS Safari(通过一些模拟器)。我手头也有带有 xCode 的 Mac,如果它提供了促进该过程的方法。
我的 ASP.NET MVC 网站标记在 iOS(iPad 和 iPhone)中看起来“错误”。在桌面 Safari Chrome、IE 等。我只是在浏览器中使用和嵌入开发者工具来定位问题。
有没有办法从 Windows 调试 iOS Safari(通过一些模拟器)。我手头也有带有 xCode 的 Mac,如果它提供了促进该过程的方法。
在您的 Mac 上,您可以打开 iOS 模拟器(以前是 iPhone 模拟器)。如果你有 XCode,你就有了模拟器。只需打开模拟器,打开 Safari 并从那里导航到您的页面,就像在普通浏览器中一样。
由于 Mobile Safari 没有功能强大的 HTML/CSS 检查器,因此Firebug Lite可能会起作用。
我知道这是一个很老的问题,但是由于我最近自己遇到了这个问题,并找到了解决方案,所以让我在这里与其他可能会寻找的人分享。
weinre项目提供了一个远程调试器,其工作方式或多或少类似于旧版本的 webkit 开发工具。虽然它不像 Safari 中的适当远程调试工具那样功能齐全,但它可以在使用 HTML 和 CSS 时完成工作。
weinre 包在 npmjs.com 上可用,它需要在您的系统上安装 NodeJS / NPM。它可以调试运行任何浏览器的任何应用程序,并且适用于所有支持 NodeJS 的平台,包括 Windows。
安装:
npm i -g weinre
然后在端口 9000(或您想要的任何端口)上启动它:
weinre --httpPort 9000
访问 localhost:9000 可以访问有关如何检测正在测试的网页的说明(查看目标脚本部分)。例如,将此添加到您的页面:
<script src="http://localhost:9000/target/target-script-min.js#anonymous"></script>
检测页面后,您可以转到说明页面指向的调试界面。