使用Dart进行远程调试

Question

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

Answer 1

在智能手机上:

1. 在手机上启用USB调试.你可以在android 5.0上隐藏的"开发者设置"中找到它.如果你有android 5,请转到设备信息并点击内部版本号,直到出现问题.如果这些说明太不清楚,这个链接应该有所帮助.

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

3. 将每部USB电话连接到电脑,等到驱动程序安装完毕 - 也就是说Windowsexplorer会弹出一个询问如何处理电话的弹出窗口.你可以解雇.

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

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

6. 在那里,你应该看到你的手机了.现在选择按钮"端口转发",弹出窗口......好吧......弹出.在那里你输入名为'Port'的左侧字段,一些Port-8080对我来说很好.这是一个将在手机上的监听端口.这意味着在您设置端口转发后,您可以localhost://8080在手机上打开网址(使用镶边)以导航到您的网站.您的网站可以在名为"ip and Port"的正确字段中指定.对于Chrome扩展程序"Chrome Dev Editor",我输入http://192.168.0.6:51792/了我服务器上的ip,端口和路径.Chrome开发者编辑器会告诉您当您右键单击main.dart并选择部署到手机时可以输入的内容.

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- 指的是模拟器运行的计算机

希望这可以帮助任何人

编辑: 如果镀铬找不到你的设备,即使手机也打开了铬,你按照所有步骤,考虑Emmanuel Malacarne的答案.

C:\ Users\YOUR_USERNAME\AppData\Local\Android\sdk\platform-tools && C:&adb.exe kill-server&adb.exe start-server"该目录取决于您的ADT安装.