编写Web网站开发的时候,电脑浏览器都运行正常,开发者工具模拟手机也正常,但不代表手机上真的正常,只能进行手机真机调试,实时查看手机浏览器的控制台和网络情况。
方法其实很简单:
- 安卓手机安装手机版Edge或Chrome浏览器
- 手机打开开发者模式,打开USB调试模式,具体不同品牌手机有不同方法,自行搜索
- 手机USB数据线接电脑,弹出提示选文件传输,如果没有弹出提示,就证明你用的是充电线而不是数据线,必须换数据线!
- 电脑安装Edge或Chrome浏览器,地址栏打开
edge://inspect
或chrome://inspect
,你的手机设备就会出现在下面,Offline不要紧,那是因为手机没打开浏览器,但是如果没有设备的话,检查数据线! - 点击你想要Debug的页面下面的inspect小字,实时查看控制台吧!
你当然需要把代码放到云端服务器上获得一个公共IP地址,甚至解析一个测试域名。不要在本地瞎折腾了,租个云服务器绑个弹性IP,随用随开,用完关掉,一年下来也没两百块钱,就可以不用发愁各种奇葩部署问题,而且运行环境和最终产品一模一样。
END
网友评论