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

Question

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

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

• 我已安装Xcode
• 我创建了一个新游乐场
• 右键单击Xcode dock图标，然后单击“打开开发人员工具>模拟器”
• 现在我有一个正在运行所需设备（在我的情况下是运行IOS 10.0的iPhone 6）的iOS模拟器

现在我想知道，在iOS模拟器上如何像在Safari或Chrome开发人员工具中那样进行调试和检查网页元素？

- svnm

Answer 1

打开Safari并进入“偏好设置”。在“高级”选项卡下方，您将看到“在菜单栏中显示开发菜单”。确保像下面的图片一样被勾选。

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

- Jake

---

在“开发”>“模拟器”下，我收到“没有可检查的应用程序”的提示。 - svnm

其实那只是因为我还没有在模拟器上的Safari中打开网页，一旦我加载了页面进行调试，一切都很好。谢谢。 - svnm

网站被禁用 - HappyHands31

"Develop > Simulator" 不再是 Safari 的一部分，相反请下载并使用 "Safari 技术预览版"。下载链接：https://developer.apple.com/safari/download/ 。 - user3014373

澄清一下 - 您仍然可以按照这些说明获取称为“Web Inspector”的东西 - 但没有“Elements”选项卡，因此您无法进行实际检查。 - Andrew

Answer 2

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

在您的模拟器上打开所需的网站。

在“Safari技术预览版”下，进入 Develop > Simulator --- [SimulatorName] > 从列表中选择您的网站。

- itdoesntwork

---

1. 首先从 Xcode 中打开模拟器；
2. 仅在打开模拟器后再打开 Safari（如果已经打开，请重新启动它）。只有当模拟器已经打开时，"模拟器"菜单才会神奇地出现。非常直观...

- Ovidiu Dolha

为什么需要Safari技术预览？Safari可以完成同样的工作。 - Emil

Answer 3

如果您使用的是 Mac，那么在 XCode 模拟器运行时按 CMD + G ，这将允许您像在 Web 浏览器中一样 "检查元素"。

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

看起来最被接受的答案错误地假设问题提出者关心的是 Safari 模拟器而不是 XCode 模拟器。

- Jamie Kent

---

对我来说，CMD + G 没有起作用。我使用的是 CMD + D。这将打开开发者菜单，从中我可以显示和隐藏检查器等选项。 - gignu

Answer 4

如果你正在使用React Native，那么可以全局安装react-devtools并通过该方式访问开发工具。具体步骤如下：

1. 在终端中运行npm install -g react-devtools进行安装
2. 在终端中运行react-devtools
3. 确保你的应用程序在模拟器中运行
4. 按下cmd + D打开模拟器中的应用程序开发人员菜单

现在你应该可以看到React Devtools Electron应用程序中的组件列表。

- Brady Dowling