如何在 iOS 模拟器上打开开发者工具？

Posted 2023-02-23

技术标签:

【中文标题】如何在 iOS 模拟器上打开开发者工具？【英文标题】：How do I open developer tools on iOS Simulator? 【发布时间】：2017-01-04 03:45:11 【问题描述】：

我想在 ios 模拟器上打开开发者工具

我在运行 macOS Sierra 10.12.1 的 2016 MacBook 上采取了以下步骤，但不知道如何进一步：

我已经安装了 Xcode 我创建了一个新的游乐场右键单击 Xcode 停靠图标，然后单击打开开发者工具 > 模拟器我现在有一个 iOS 模拟器，可以运行我需要的任何设备，在我的例子中是运行 IOS 10.0 的 iPhone 6

现在我想知道我应该采取哪些步骤来调试和检查网页上的元素，就像在 Safari 或 Chrome 开发者工具中一样？

【问题讨论】：

【参考方案1】：

打开 Safari 并转到首选项。在“高级”选项卡的底部，您会看到“在菜单栏中显示开发菜单”。确保如下图所示选中。

选中后，您将在 Safari 的菜单中的“书签”和“窗口”之间看到一个名为“开发”的新菜单栏项。在“开发”菜单下，选择“模拟器”，然后选择要调试的站点。然后会弹出一个带有开发者工具的新窗口：

【讨论】：

开发中>模拟器我得到No Inspectable Applications 其实那只是因为我还没有在模拟器上用Safari打开网页，等我加载页面调试一下就没事了。谢谢网站显示为灰色开发 > 模拟器不再是 Safari 的一部分，而是下载并使用“Safari 技术预览”developer.apple.com/safari/download 澄清一下 - 您仍然可以按照这些说明获得自称为“网络检查器”的东西 - 但没有“元素”选项卡，因此您实际上无法检查。【参考方案2】：

下载https://developer.apple.com/safari/technology-preview/

在你的模拟器上打开你想要的网站。

在“Safari 技术预览”下，

Develop > Simulator --- [SimulatorName] >从列表中选择您的网站。

【讨论】：

1.先从xcode打开模拟器； 2. 之后才打开 safari（如果已经打开则重新启动）。只有当模拟器已经打开时，“模拟器”菜单才会神奇地出现。非常直观...【参考方案3】：

如果您使用的是 Mac，请在 XCode 上运行模拟器时按 CMD + G。这将允许您像在网络浏览器上一样Inspect element。

要隐藏菜单，请按CMD + D。

看起来最被接受的答案错误地假设提问者想知道的是 Safari 模拟器，而不是 XCode 模拟器。

【讨论】：

CMD + G 对我不起作用。对我有用的是CMD + D。这将打开开发人员菜单，我可以从中显示检查器并隐藏检查器等。【参考方案4】：

如果您使用的是 React Native，那么您可以全局安装 react-devtools 并以这种方式访问 devtools。为此：