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

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

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

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

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

【问题讨论】：

标签： ios xcode

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

在“Safari 技术预览”下，

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：

【解决方案4】：

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

您现在应该会看到来自 React Devtools Electron 应用程序的组件列表。

【讨论】：