HTML文件如何分享给他人访问

这篇文章深入剖析了HTML文件在跨设备分享和本地运行时的常见陷阱，直击“双击打开就报错”的核心痛点——根本原因在于file://协议的严格限制导致fetch失败、CORS拦截、路径异常和编码问题；文章明确指出最可靠、零配置门槛的解决方案是启动轻量本地HTTP服务（如Python内置服务器或serve工具），并系统梳理了命名规范、路径写法、编码设置、兼容性处理等实战细节，帮助开发者真正实现“发过去就能开、点一下就见效”的交付目标。

直接双击打开就报错：找不到 index.html 或空白页

本地双击打开 HTML 文件，本质是用 file:// 协议加载，浏览器会禁掉很多功能——比如 fetch 请求本地 JSON、XMLHttpRequest 读取同目录文件、甚至某些 import 模块语法。不是你代码写错了，是协议限制了。

常见现象：net::ERR_FILE_NOT_FOUND、Access to script at 'file:///...' from origin 'null' has been blocked、控制台一堆 CORS 报错。

• 最稳的解法：起一个本地 HTTP 服务，哪怕只开 5 秒 —— 用 python3 -m http.server 8000（Python 3.7+ 自带），然后在浏览器访问 http://localhost:8000
• 如果对方电脑没装 Python，推荐 serve：先让对方全局装 npm install -g serve，再进文件夹运行 serve，自动打开页面
• 别打包成 .zip 后发过去让人“解压双击”，除非你确认所有资源都是纯静态内联（CSS 写在