在我问这个问题之前澄清一下，我不是这个应用程序的开发者。
我的公司正在构建一个 iOS 应用程序，我在 iPhone 上安装了该应用程序，但是 WKWebView 中发生的问题在 Safari 或任何其他浏览器中没有发生，因此我希望能够调试 HTML和 CSS（如果可能），无需安装 XCode 并运行模拟。
这可能吗？我已经在网上搜索并试图找到解决方案，但找不到任何有用的东西，所以我最后的一根稻草将在这里发帖，看看是否有人对此有解决方案。
【问题讨论】：
标签： ios css xcode uiwebview wkwebview
我找到了一种方法来完美地复制 UI/WK WebView。
如果可以，请在 Safari 中打开您尝试通过应用程序查看的页面，然后单击 Safari 底部的按钮，该按钮看起来像框内向上的箭头。点击添加到主页按钮并确保您尝试调试的网站的头部包含以下元标记：
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
这些将允许您在全屏 Web 应用程序中查看网站，这正是 UI/WK WebKit 所做的。您现在需要做的就是将您的 iOS 设备插入 Mac OSX 计算机并像通过 Safari 一样进行调试。
我希望这对其他人有帮助！
【讨论】：
如果您使用模拟器，则可以执行此操作 - 您遇到的问题应该是 WKWebView 本身所特有的，而不是物理设备。..
在您的 Mac 上打开 Safari，然后确保“开发”菜单已启用（首选项->高级-显示开发菜单）。
然后在模拟器中运行应用程序并导航到应用程序中的 WKWebView。一旦它出现在屏幕上，您应该能够切换 Safari，在“开发”菜单下，您将在顶部附近看到您的机器名称。在此之下将有“可检查的应用程序”。您可能会看到在 Web 视图中显示的文档，或者您可能会看到带有空白文本的菜单项。点击这个，然后你就可以使用 Safari 开发者工具来调试你的 webview/js。
您甚至可以使用检查器在模拟器中选择元素并在 DOM 中突出显示它们！
【讨论】：