如何在IOS模拟器上打开开发人员工具

时间:2017-01-04 03:45:11

标签: ios xcode

我想在IOS模拟器上打开开发人员工具

我已经在2016年运行 macOS Sierra 10.12.1 的Macbook上采取了以下步骤,并且不知道如何进一步:

  • 我安装了XCode
  • 我创建了一个新游乐场
  • 右键单击Xco​​de Dock图标,然后单击Open Developer Tool>模拟器
  • 我现在有一个IOS模拟器运行我需要的任何设备,在我的情况下运行IOS 10.0的iPhone 6

现在我想知道我将采取哪些步骤来调试和检查网页上的元素,就像我在Safari或Chrome开发人员工具中那样?

3 个答案:

答案 0 :(得分:22)

打开Safari并转到“偏好设置”。在高级选项卡的底部,您将在菜单栏"中看到"显示开发菜单。确保选中,如下图所示。

advanced preferences

选中后,您会看到一个名为"开发"的新菜单栏项目。之间"书签"和" Window"在Safari的菜单中。在“开发”菜单下,选择"模拟器"然后选择要调试的站点。随后将弹出一个包含开发人员工具的新窗口:

developer tools

答案 1 :(得分:3)

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

要隐藏菜单,请按 CMD + D

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

答案 2 :(得分:2)

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

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

在“ Safari技术预览”下,

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