美文网首页
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