如何避免手机浏览器解析index.html导致移动端兼容性问题？
- 内容介绍
- 文章标签
- 相关推荐
本文共计972个文字，预计阅读时间需要4分钟。
手机
为什么直接点开 index.html 没反应？
安卓和 iOS 都把 index.html 当作普通文本文件，不是可执行网页。点开后常见现象包括：
- 弹出“用什么应用打开”，但选了浏览器也白搭（路径没走
file://协议） - iOS Files App 点击后静默失败，或 Safari 报
Failed to load resource: frame load interrupted - 安卓微信/QQ 内置 WebView 直接拦截
file://，CSS/JS 全部 404
根本原因：没有 HTTP 协议头，浏览器拒绝加载相对路径资源（style.css、script.js、import、fetch('./data.json')），连同源策略都懒得触发——它根本没当成网页。
本文共计972个文字，预计阅读时间需要4分钟。
手机
为什么直接点开 index.html 没反应？
安卓和 iOS 都把 index.html 当作普通文本文件，不是可执行网页。点开后常见现象包括：
- 弹出“用什么应用打开”，但选了浏览器也白搭（路径没走
file://协议） - iOS Files App 点击后静默失败，或 Safari 报
Failed to load resource: frame load interrupted - 安卓微信/QQ 内置 WebView 直接拦截
file://，CSS/JS 全部 404
根本原因：没有 HTTP 协议头，浏览器拒绝加载相对路径资源（style.css、script.js、import、fetch('./data.json')），连同源策略都懒得触发——它根本没当成网页。