手机无法访问XAMPP的H5页面，因XAMPP默认绑定127.0.0.1且Chrome DevTools不识别非Chrome浏览器的HTTP请求；需修改httpd.conf监听0.0.0.0、放行防火墙、确保同Wi-Fi、用手机Chrome访问，并配置CORS及chrome://flags才能完整调试。
能直接用，但必须绕开两个关键障碍：XAMPP默认绑定127.0.0.1（手机无法访问），以及Chrome DevTools对localhost或127.0.0.1的跨设备限制。
为什么手机打不开XAMPP跑的H5页面
XAMPP默认只监听127.0.0.1，也就是只允许本机访问。手机和电脑在同一局域网，但不是“本机”，所以浏览器输入http://192.168.x.x:8080会显示连接被拒绝或空白页。
- 改
httpd.conf里的Listen和ServerName，把127.0.0.1:80换成0.0.0.0:80或具体局域网IP - 检查Windows防火墙是否放行
80（或你改的端口），否则即使配置正确，也会被拦截 - 确认手机和电脑在同一个Wi-Fi下，且没启用“网络隔离”（部分企业/校园Wi-Fi会禁用设备互访）
Chrome DevTools里看不到手机访问的页面
即使手机能正常打开http://192.168.x.x:8080，chrome://inspect/#devices也大概率不显示该页面——因为Chrome只识别通过USB连接并启用调试的Android WebView，或Chrome for Android中打开的页面，**不识别普通HTTP请求来源**。
XAMPP 8.0.30 是一款免费、开源的跨平台 Web 服务器集成包，专为快速搭建本地 PHP 开发环境而设计。该版本核心组件包括：Apache 2.4.56、MySQL 8.0.33、PHP 8.0.30、phpMyAdmin 5.2.1 等。它支持 Windows、Linux 和 macOS 系统，可让开发者在个人电脑上轻松模拟服务器环境，无需复杂配置即可运行 WordPress、Thin
- 想让
chrome://inspect看到它，必须在安卓手机上用Chrome浏览器访问你的XAMPP地址（不是微信、QQ内置浏览器） - 确保手机Chrome版本≥79，且已开启“开发者选项”+“USB调试”（仅用于建立ADB通道，不是必须插线）
- 如果仍不出现，尝试在Chrome地址栏输入
chrome://flags/#unsafely-treat-insecure-origin-as-secure，把你的http://192.168.x.x加进去，并启用“Insecure origins treated as secure”
调试API接口时看不到请求详情
本地XAMPP跑的后端（比如PHP写的接口）被H5页面调用，但在Chrome Network面板里看不到请求，常见原因是CORS或协议不匹配。
- PHP接口响应头必须包含
Access-Control-Allow-Origin: *（开发阶段），否则手机浏览器直接拦截，连请求都发不出去 - 不要混用
http和https：手机用http://192.168.x.x访问，H5代码里调API也必须用http，不能写成https或省略协议 - 若用
fetch，记得加mode: 'no-cors'仅用于测试（实际开发需配CORS），否则Chrome会标记为“已屏蔽”且不显示完整请求信息
真正卡住人的地方不是配置步骤多，而是每个环节都依赖前一个环节生效：IP可访问 → 防火墙放行 → 手机Chrome能打开 → chrome://inspect识别到标签页 → 接口返回不被CORS拦 → Network面板才真正可用。漏掉任意一环，就变成“页面能刷出来，但什么都调不了”。
