在手机上调试H5页面

1.  在电脑和手机上都安装Chrome浏览器;
2.  手机用数据线连接到电脑上;
3.  在设置的开发者选项里开启手机的USB调试;
4.  要确保手机和电脑连接的是同一局域网,并且关掉电脑上的防火墙;
5.  电脑上的chrome浏览器访问chrome://inspect,如果连接成功,就会在电脑上的chrome浏览器中显示出对应的手机的型号;

 

 

6. 在手机上的chrome浏览器内输入要查看的网址;

7. 此时电脑上的chrome://inspect页面中就会出现可以检查的页面;

 

 

如果调试的开发页面为locasthost的时候,移动端是拿不到这个页面的。可以在cmd里输入ipconfig,就可以看到ipv4地址,也就是本机的ip地址,用这个地址替换localhost。
但这个时候vue项目又会出现无法访问的情况,找到 config 文件夹下面的 index.js 里面的 dev,把 host 的值改成 0.0.0.0,重新编译即可。

posted @   每天进步多一点  阅读(2152)  评论(0编辑  收藏  举报
编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤
点击右上角即可分享
微信分享提示