在移动设备上调试web应用

在移动浏览器中使用开发者工具调试安卓设备：

1. 在安卓设备上打开Chrome浏览器：

   • 确保你的安卓设备上安装了Chrome浏览器。

2. 启用USB调试模式：

   • 在设备的开发者选项中启用USB调试模式。

3. 连接设备到电脑：

   • 使用USB线将安卓设备连接到电脑。

4. 打开Chrome开发者工具：

   • 在电脑上打开Chrome浏览器。
   • 输入chrome://inspect并按回车键。
   • 在“设备”选项下，你应该能够看到连接的安卓设备。

5. 选择设备并打开开发者工具：

   • 在“设备”选项下找到你的设备，并点击“检查”链接。
   • 这将打开Chrome开发者工具，你可以使用类似于在桌面上调试的方式来调试应用。
   • 点击 inspect fallback可以打开开发者工具查看

在Safari开发者工具中调试iOS设备：

1. 确保Safari浏览器和开发者工具可用：

   • 你的Mac上应该有Safari浏览器，并且你需要在Safari首选项 > 高级中启用“在菜单栏中显示开发”选项。

2. 连接iOS设备到Mac：

   • 使用USB线将iOS设备连接到Mac。

3. 打开Safari开发者工具：

   • 在Mac上打开Safari浏览器。
   • 前往Safari菜单 > 首选项 > 高级，启用“在菜单栏中显示开发”。
   • 在Safari菜单栏中，选择“开发” > [你的iOS设备的名称] > 你的Angular应用。

4. 使用开发者工具进行调试：

   • Safari开发者工具将显示在你的Mac上，允许你检查元素、查看控制台日志等，就像在桌面浏览器中一样。