android – 使用Dart进行远程调试

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

解决方法

在智能手机上:

>在手机上启用USB调试.你可以在android 5.0上隐藏的“开发者设置”中找到它.如果你有android 5,请转到设备信息并点击内部版本号直到出现问题.如果这些说明太不清楚,this link应该有所帮助.
>确保您的服务器正在运行:P
>将每部USB电话与电脑连接,等到驱动程序安装完毕 – 也就是说Windowsexplorer会弹出一个询问如何处理电话的弹出窗口.你可以解雇.
>在Android手机上打开Chrome
>在计算机上打开chrome并导航到chrome:// inspect
>那里,你应该看到你的手机了.现在选择按钮“端口转发”,弹出窗口……好吧……弹出.在那里你输入名为’Port’的左侧字段,一些Port-8080对我来说很好.
这是一个将在手机上的监听端口.这意味着在您设置端口转发后,您可以在手机上打开Url localhost:// 8080(以镶边方式)以导航到您的网站.您的网站可以在名为“ip and Port”的正确字段中指定.对于Chrome扩展程序“Chrome Dev Editor”,我输入http://192.168.0.6:51792/,这是我服务器上的ip,端口和路径.
Chrome开发者编辑器会告诉您当您右键单击main.dart并选择部署到手机时可以输入的内容.
>选择“完成”并使用您的手机导航到URI – 这将是localhost:8080 / MyNewDartTry / web / index.html如果您按照我的示例.但我相信你也可以在整个地址输入端口转发弹出窗口,然后只在手机上打开localhost:8080.
localhost:8080映射到您输入的链接.
>只要在桌面或手机上关闭Chrome,端口转发就会停止.

使用模拟器

>启动模拟器
>找到您服务器的端口.例如54321
>在模拟器中打开浏览器并输入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.

相关文章

Android性能优化——之控件的优化 前面讲了图像的优化,接下...
前言 上一篇已经讲了如何实现textView中粗字体效果,里面主要...
最近项目重构,涉及到了数据库和文件下载,发现GreenDao这个...
WebView加载页面的两种方式 一、加载网络页面 加载网络页面,...
给APP全局设置字体主要分为两个方面来介绍 一、给原生界面设...
前言 最近UI大牛出了一版新的效果图,按照IOS的效果做的,页...