iOS - 通过 Macbook 从 iPhone 调试 WKWebView and/or UIWebView

iOS - Debug WKWebView and/or UIWebView from iPhone via Macbook

在我提问之前澄清一下,我不是这个应用程序的开发者。

我的公司正在构建一个 iOS 应用程序,我已将该应用程序安装在 iPhone 上,但是 WKWebView 中出现的问题在 Safari 或任何其他浏览器中没有出现所以我希望能够在可能的情况下调试 HTML 和 CSS 而不必安装 XCode 和 运行 模拟。

这可能吗?我在网上搜索并试图找到解决这个问题的方法,但找不到任何有用的东西,所以我最后的救命稻草将是post这里,看看是否有人有解决这个问题的方法。

我找到了一种方法可以完美地复制 UI/WK WebView。

如果可以,请在 Safari 中打开您尝试通过您的应用程序查看的页面,然后单击 Safari 底部的按钮,该按钮看起来像一个框内的向上箭头。单击 添加到主页 按钮并确保您要调试的站点的头部有以下元标记:

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">

这些将允许您在全屏网络应用程序中查看网站,这正是 UI/WK WebKit 所做的。您现在需要做的就是将 iOS 设备插入 Mac OSX 计算机并像通过 Safari 一样进行调试。

我希望这对其他人有帮助!

如果您使用模拟器,您可以做到这一点 - 您遇到的问题应该特定于 WKWebView 本身,而不是物理设备..

在你身上打开 Safari Mac,然后确保开发菜单已启用(首选项 -> 高级 - 显示开发菜单)。

然后 运行 模拟器中的应用程序并导航到应用程序中的 WKWebView。一旦它出现在屏幕上,您应该能够切换 Safari,并且在“开发”菜单下,您将在顶部附近看到您的机器名称。在那之下会有"inspectable applications"。您可能会看到文档的 显示在 Web 视图中,或者您可能会看到带有空白文本的菜单项。单击此按钮,然后您就可以使用 Safari 开发人员工具调试 webview/js。

您甚至可以使用检查器 select 模拟器中的元素并在 DOM!

中突出显示它们