美文网首页
Edge和Chrome手机USB联机测试Debug

Edge和Chrome手机USB联机测试Debug

作者: zhyuzh3d | 来源:发表于2024-05-28 22:37 被阅读0次

编写Web网站开发的时候,电脑浏览器都运行正常,开发者工具模拟手机也正常,但不代表手机上真的正常,只能进行手机真机调试,实时查看手机浏览器的控制台和网络情况。

方法其实很简单:

  1. 安卓手机安装手机版Edge或Chrome浏览器
  2. 手机打开开发者模式,打开USB调试模式,具体不同品牌手机有不同方法,自行搜索
  3. 手机USB数据线接电脑,弹出提示选文件传输,如果没有弹出提示,就证明你用的是充电线而不是数据线,必须换数据线!
  4. 电脑安装Edge或Chrome浏览器,地址栏打开edge://inspectchrome://inspect,你的手机设备就会出现在下面,Offline不要紧,那是因为手机没打开浏览器,但是如果没有设备的话,检查数据线!
  5. 点击你想要Debug的页面下面的inspect小字,实时查看控制台吧!
USB联机调试

你当然需要把代码放到云端服务器上获得一个公共IP地址,甚至解析一个测试域名。不要在本地瞎折腾了,租个云服务器绑个弹性IP,随用随开,用完关掉,一年下来也没两百块钱,就可以不用发愁各种奇葩部署问题,而且运行环境和最终产品一模一样。


END

相关文章

网友评论

      本文标题:Edge和Chrome手机USB联机测试Debug

      本文链接:https://www.haomeiwen.com/subject/yuekqjtx.html