android - 使用 Dart 进行远程调试

Question

这个问题的动机是，我花了大约两个小时才找出我做错了什么。如何在我的 Android 手机或模拟器上远程调试我的 Dart-Webapp(也可能适用于其他类型的本地网站)？

Answer 1

在智能手机上:

1. 在手机上启用 USB 调试。您可以在 android 5.0 隐藏的“开发者设置”中找到它。如果您使用的是 Android 5，请转到“设备信息”并点击内部版本号，直到出现问题。如果这些说明太不清楚，this link应该有帮助。

2. 确保您的服务器正在运行 :P

3. 通过 USB 将手机连接到您的 PC，然后等待驱动程序安装完毕 - 即 Windowsexplorer 会显示一个弹出窗口，询问如何处理手机。你可以忽略它。

4. 在您的 Android 手机上打开 chrome

5. 在您的计算机上打开 chrome 并导航至 chrome://inspect

6. 在那里，您应该会看到您的手机已列出。现在选择“端口转发”按钮，弹出窗口将……嗯……弹出。您在左侧字段中输入名为“端口”的一些端口 - 8080 对我来说很好用。这是将在电话上的监听端口。这意味着在设置端口转发后，您可以在手机(chrome)上打开 Url localhost://8080 以导航到您的网站。您可以在名为“ip 和端口”的正确字段中指定您的网站。对于 Chrome 扩展程序“Chrome Dev Editor”，我输入 http://192.168.0.6:51792/，这是我服务器上的 ip、端口和路径。当您右键单击 main.dart 并选择部署到手机时，Chrome 开发编辑器会告诉您可以在那里输入什么。

7. 选择“完成”并使用您的手机导航至 URI - 如果您遵循我的示例，则为 localhost:8080/MyNewDartTry/web/index.html。 但我相信您也可以在端口转发弹出窗口中输入整个地址，然后只在手机上打开 localhost:8080。 localhost:8080 映射到您输入的链接。

8. 只要您在桌面或手机上关闭 Chrome，端口转发就会停止。

用模拟器

1. 启动模拟器

2. 找到您服务器的端口。例如54321

3. 在模拟器中打开浏览器并输入 10.0.2.2:54321/MyNewDartTry/web/index.html(或斜杠后面的任何内容，但确保 IP 是 10.0.2.2 - 指的是运行模拟器的计算机

希望对大家有帮助

编辑:如果 chrome 没有找到您的设备，即使手机也打开了 chrome 并且您按照所有步骤操作，请考虑 Emmanuel Malacarne's answer .

C:\Users\YOUR_USERNAME\AppData\Local\Android\sdk\platform-tools && C: & adb.exe kill-server & adb.exe start-server" The directory depends on your installation of your ADT.