搜索文件 /

调试

生活重装

Live Reload可用于调试设备硬件上的本机功能(例如插件)。每次提出代码更改时,而不是部署新的本机二进制文件,而是在检测到应用程序的更改时重新加载浏览器(或WebView)。 这里了解更多内容

ios和safari

Safari可用于调试连接的IOS设备或IOS模拟器上的离子应betway东盟体育app用程序。

首先,在iOS设备上,启用 网络检查员 从设置> Safari>高级。

接下来,在MAC上打开Safari,然后启用 在菜单栏中显示开发菜单 在Safari>首选项>高级。

运行iOS模拟器或将iOS设备连接到Mac,然后运行要调试的IONIC应用程序。betway东盟体育app

在Safari内,选择 开发 在工具栏中。在下拉菜单选项中,您应该查看设备和应用程序的名称。将鼠标悬停在应用程序名称中,然后单击 localhost. 。这将打开一个带有Safari开发人员工具的新窗口 - 使用它们检查并调试在设备上运行的离子应用程序。betway东盟体育app

Android和Chrome.

使用Google Chrome的DevTools在使用时在浏览器中运行时调试应用程序 betway东盟体育app离子服务 命令,部署到模拟器,或在物理设备上。

要检查物理设备,首先需要启用开发人员模式。将Android设备连接到计算机然后转到 设置>关于 滚动到 构建号码 然后点击7次。这将激活一个新选项 设置 菜单调用 开发人员选项

接下来,去 设置>开发人员选项 并确保切换开发人员选项交换机。向下滚动到 USB调试 并确保也启用了它。默认情况下,在Android仿真器中启用开发人员选项和USB调试。

打开Chrome浏览器并导航到URL Chrome://检查/#设备 。您所连接的Android设备应显示在远程目标列表中。

在您的设备上,打开您想要使用Chrome调试的离子betway东盟体育app应用程序。

使用您在设备上运行的应用程序,回到Chrome并单击 检查 在远程目标列表中的设备下。这将在新窗口中打开Chrome Developer工具。然后,您将能够使用所有Chrome DevTools来调试应用程序的应用程序。

在打开Chrome Developer Tools由于次要错误时,应用程序预览可能不会自动出现。要显示它,请单击 元素 然后,单击任何DOM元素,然后关闭和在任何CSS规则上切换,将出现“应用程序预览”窗口。

使用Chrome的Visual Studio调试(Android&iOS)

Visual Studio Code. 也可用于调试在Chrome Web浏览器中运行的离子应用程betway东盟体育app序。

为此,请在浏览器中运行您的应用程序 betway东盟体育app离子服务 。请注意您的应用程序运行的端口。接下来,使用Visual Stubetway东盟体育appdio代码打开您的IONIC项目。

在VS代码中的左左侧垂直菜单中,单击 跑步 图标。如果您在项目中第一次配置此项,请单击选项以创建一个 启动.JSON. 文件。选择 铬合金 从环境选项下拉下降。这将自动生成一个 启动.JSON. 带有配置用于启动Chrome的配置文件。

确保在您的URL属性中使用的端口 启动.JSON. 文件匹配您在ran时之前观察到的端口 betway东盟体育app离子服务 。使用不正确的端口号将无法正常工作。

在调试目标下拉菜单中,选择 启动反对Chrome. ,然后单击“运行”。这将打开Chrome浏览器的新实例,而VS代码将附加到它。您可以设置断点,并在App在Chrome中运行时使用VS代码中的其他调试工具。

使用Android中的Visual Studio代码调试

Visual Studio Code. 有一个专用插件,用于调试在Android WebView中运行的应用程序。

插件 在设备和Visual Studio代码开发人员工具之间创建一个桥梁,并允许从编辑器调试。

要使用此插件来调试IONIC应用程序,请先安装它然后在Android仿真器中启动您的betway东盟体育app应用程序,或连接您的Android设备并运行应用程序。您可能需要在Android设备上启用USB调试。

在离子项目的根源中,创建一个名为的文件夹betway东盟体育app .VSCODE. 在该文件夹中,创建一个名为的文件 启动.JSON. 。里面 启动.JSON. ,输入以下代码以将插件配置为调试IONIC应用程序:betway东盟体育app


             {“版本”:“0.2.0”,“配置”:[{“类型”:“Android-webview”,“请求”:“附加”,“名称”:“Attroid WebView”,“WebRoot”:“$ {workspacefolder} / www”,“sourcemaps”:true,“sourcemappathoverrides”:{“webpack:/ *”:“$ {workspacefolder} / *”}}“}
复制 复制

接下来,启动调试过程,选择您的设备和离子应用程序。betway东盟体育appVS代码将附加到Android设备和离子应用程序,您现在可以调试应用程序,其中包括设置断点。betway东盟体育app

如果您无法设置断点并出现错误,请说明, “断点忽略,因为未找到生成的代码(源地图问题?)” 这意味着转置的JavaScript文件的路径不正确。使用 .scripts. 调试控制台中的命令以查看已加载的脚本。通过尝试使用不同的值来确保脚本的路径是正确的 SourcemappathoverRides. 你的钥匙 启动.JSON. 配置文件。

下一个
构建错误
Baidu