使用ios模拟器时在Mac上调试Ionic 3应用

时间:2018-08-16 11:38:08

标签: typescript debugging ionic-framework safari

我正在尝试在野生动物园开发人员工具上调试Ionic 3打字稿文件。我启用了仿真功能,并且可以在野生动物园中检测到仿真器。

我的项目中有页面和组件文件,但无法确定这些文件在哪里,如下图所示。

enter image description here

在这里我只能在“资源和调试器”选项卡中找到js文件。与依赖包或库相关的任何文件。找不到我创建的文件。只是遵循本教程

https://www.youtube.com/watch?v=DXzezPHUhUM

2 个答案:

答案 0 :(得分:2)

您可以使用Safari在模拟器上调试应用。运行您的应用程序并打开Safari。在“开发”选项卡中,您将找到仿真器名称。选择名称后,您将被重定向到调试窗口,您可以在其中看到您的资源并观看网络呼叫。另外,可以检查html元素。

有关更多信息,请通过以下链接:

https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787

答案 1 :(得分:1)

1。在iOS设备上启用“网络检查器”。     -在iOS设备上打开“设置”     -选择“ Safari”     -选择“高级”     -将“ Web检查器”按钮设置为“开”(使其变为绿色)

  1. 在Mac上的Safari中启用“设备调试”

    • 从Safari菜单中选择“首选项”
    • 选择“高级”标签
    • 选中“在菜单栏中显示开发菜单”选项(如下图所示)

      1. 从Safari菜单中选择“开发”

      2. 选择“连接设备的名称”

      3. 选择“要调试的应用程序的名称”

      4. 选择“ index.html”

    现在您可以在那里进行调试。