绝大多数HTML文件在手机上直接点击会白屏或报错，根本原因是浏览器安全策略拦截file://协议下的fetch、import及外链资源加载；正确解法是通过HTTP服务（如Acode预览、python -m http.server或KSWEB）绕过限制。
绝大多数 HTML 文件在手机上点开就能看，但含 fetch()、import、外链 .js 或 .css 的页面，直接双击基本会白屏或报错——这不是你代码有问题，是浏览器主动拦的。
安卓点开 index.html 没反应？先查这三件事
常见现象：点击后无跳转、弹出“无法打开”、或只显示源码。根本原因不是 HTML 写错了，而是系统没把它当网页处理。
- 确认文件真实后缀是
.html或.htm（别是index.html.txt这种隐藏后缀） - 路径避开中文、空格、括号等符号；推荐放
/sdcard/Download/或/Documents/ - 部分国产 ROM（如华为 EMUI、小米 HyperOS）默认禁用浏览器访问本地文件，需进浏览器设置开启“允许访问本地文件”或“启用文件系统 API”
iOS 上 file:// 根本不生效，必须走“分享中转”
Safari 不支持手动输入 file:///，也不响应 Files App 里直接点开的行为。唯一稳定路径是靠系统分享菜单触发渲染。
- 在 Files App 中找到
index.html→ 点右上角…→ 选“在 Safari 中打开” - 如果文件是从微信下载的，先点开 → 选“用备忘录打开” → 保存到备忘录 → 再点开那条备忘录，Safari 自动加载
- 别指望微信内置浏览器，它既不认
file://，也不支持localStorage和本地
含 JS/CSS/AJAX 的页面打不开？跨域限制在卡你
错误信息典型长这样：Access to script at 'file:///xxx.js' from origin 'null' has been blocked。这是浏览器安全策略，不是 bug。
- 解法一（最省事）：用 Acode 或 QuickEdit 这类编辑器，它们内置 HTTP 服务，点“预览”就自动起
http://127.0.0.1:xxxx，绕过所有限制 - 解法二（开发常用）：电脑开
python -m http.server 8000，手机连同一 Wi-Fi 后访问http://192.168.x.x:8000 - 解法三（纯手机）：装 KSWEB（安卓）或 ServerDog（iOS），把项目丢进它的根目录（如
/ksweb/www/），再访问http://localhost:8080
真正容易被忽略的点是：哪怕只是用了 import { foo } from './utils.js'，也得走 HTTP 协议。file:// 下连 ES 模块都解析不了，不是配置问题，是协议层就不支持。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
