如何调试 Ionic WebApp？
How to Debug Ionic WebApp?
我想在 WebStorm 中调试我的离子应用程序。
我可以在浏览器中 运行 该应用程序。但是我该如何调试呢？
我试过了：ionic serve --debug 似乎没有触发任何调试？
当应用程序 运行 在浏览器中时，我如何调试应用程序？
根据 documentation，有几种不同的方法可以做到这一点。既然您已经尝试过 ionic serve，您还可以尝试下面列出的其中一项吗？
ionic run
ionic emulate
运行 或模拟命令会将应用程序部署到指定平台 devices/emulators。您还可以 运行 通过添加 --livereload 选项在指定的平台设备上实时重新加载。实时重新加载功能类似于 ionic serve，但不是使用标准浏览器开发和调试应用程序，编译后的混合应用程序本身会监视对其文件的任何更改，并在需要时重新加载应用程序。这减少了不断重建应用程序以进行小更改的要求。
希望这能让你前进！让我知道你的效果如何。
浏览器是我对 ionic 进行大部分调试的地方。您使用什么浏览器进行调试？我使用 Chrome 并打开 DevTools。有一个源选项卡，您可以在其中浏览您的应用程序代码以查找断点点。例如，您可以在单击事件上的控制器代码中设置断点并单步执行代码。然后，您可以使用控制台执行命令来测试值和检查对象等。您是否无法执行此操作？或者，不熟悉 DevTools？如果不熟悉，可以使用资源 here。如果不工作，是不是断点没有被击中？
我发现 this tool 非常有用，您可以连接您的设备并在您的 Cordova 应用程序上获得实时检查器（适用于 iOS 和 Android 平台）。
有几种方法可以调试您的离子应用程序。
- 在浏览器中，您可以在控制台中捕获错误。
- 如果您在模拟器或移动设备上模拟您的应用程序，您可以安装在 xcode 控制台中显示 js 错误的 cardova 插件。因此，您可以模拟您的设备并在 xcode.
上捕获错误
添加插件的方法如下：
cordova 插件添加 https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git
使用 Chrome 您可以在地址栏中输入 chrome://inspect
运行安装您的 Android 应用后，您可以在 运行 使用“ionic 运行 android”或“离子模拟android”命令
不过Android的版本，我觉得必须高于4.3...
另一种方法是使用 ionicLab。它对我执行以下步骤很有用：安装 program 并在测试之前准备所有项目依赖项。然后，单击 Platform 菜单下 Testing 中的 Serve 选项。执行项目后，单击预览栏的箭头图标。
因此，Ionic 将在加载的项目中抛出 Chrome window，因此，您可以使用常用的 Developer Tools。您应该查看项目中使用的 javascript 文件，以便调试它们。
只需 运行：ionic serve -l 并从浏览器开发者选项中检查。
我想在 WebStorm 中调试我的离子应用程序。 我可以在浏览器中 运行 该应用程序。但是我该如何调试呢？
我试过了：ionic serve --debug 似乎没有触发任何调试？
当应用程序 运行 在浏览器中时，我如何调试应用程序？
根据 documentation，有几种不同的方法可以做到这一点。既然您已经尝试过 ionic serve，您还可以尝试下面列出的其中一项吗？
ionic run
ionic emulate
运行 或模拟命令会将应用程序部署到指定平台 devices/emulators。您还可以 运行 通过添加 --livereload 选项在指定的平台设备上实时重新加载。实时重新加载功能类似于 ionic serve，但不是使用标准浏览器开发和调试应用程序，编译后的混合应用程序本身会监视对其文件的任何更改，并在需要时重新加载应用程序。这减少了不断重建应用程序以进行小更改的要求。
希望这能让你前进！让我知道你的效果如何。
浏览器是我对 ionic 进行大部分调试的地方。您使用什么浏览器进行调试？我使用 Chrome 并打开 DevTools。有一个源选项卡，您可以在其中浏览您的应用程序代码以查找断点点。例如，您可以在单击事件上的控制器代码中设置断点并单步执行代码。然后，您可以使用控制台执行命令来测试值和检查对象等。您是否无法执行此操作？或者，不熟悉 DevTools？如果不熟悉，可以使用资源 here。如果不工作，是不是断点没有被击中？
我发现 this tool 非常有用，您可以连接您的设备并在您的 Cordova 应用程序上获得实时检查器（适用于 iOS 和 Android 平台）。
有几种方法可以调试您的离子应用程序。
- 在浏览器中，您可以在控制台中捕获错误。
- 如果您在模拟器或移动设备上模拟您的应用程序，您可以安装在 xcode 控制台中显示 js 错误的 cardova 插件。因此，您可以模拟您的设备并在 xcode. 上捕获错误
添加插件的方法如下： cordova 插件添加 https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git
使用 Chrome 您可以在地址栏中输入 chrome://inspect 运行安装您的 Android 应用后，您可以在 运行 使用“ionic 运行 android”或“离子模拟android”命令
不过Android的版本，我觉得必须高于4.3...
另一种方法是使用 ionicLab。它对我执行以下步骤很有用：安装 program 并在测试之前准备所有项目依赖项。然后，单击 Platform 菜单下 Testing 中的 Serve 选项。执行项目后，单击预览栏的箭头图标。
因此，Ionic 将在加载的项目中抛出 Chrome window，因此，您可以使用常用的 Developer Tools。您应该查看项目中使用的 javascript 文件，以便调试它们。
只需 运行：ionic serve -l 并从浏览器开发者选项中检查。