双击打开html文件可快速预览纯静态页面，但受限于file://协议，无法使用fetch、模块导入、localstorage等；推荐用python/node.js或live server起本地http服务，或通过github pages、raw.githack在线部署。
直接双击打开 .html 文件就能运行，不需要服务器——但前提是代码不涉及跨域请求、fetch 本地文件、或某些现代 API（如 localStorage 在部分浏览器沙箱下受限）。在线运行则必须托管到 HTTP 服务上。
双击本地打开：适用场景与限制
这是最快捷的预览方式，适合纯静态页面（无 JS 请求、无模块导入、无 Service Worker）。
- Chrome / Edge 默认禁止从
file://协议发起fetch('./data.json')或加载import模块，会报错net::ERR_FAILED或Failed to resolve module specifier - Firefox 略宽松，但同样禁用
fetch读取同目录下的本地 JSON 文件 -
localStorage、indexedDB在file://下多数浏览器会降级为只读或完全不可用 - 图片、CSS、内联 JS 可正常加载；所有资源路径需用相对路径（如
./style.css），不能写file:///xxx
本地起一个最小 HTTP 服务（推荐）
绕过 file:// 限制，只需一条命令，让浏览器以 http://localhost:xxxx 访问。
- Python 3：终端进入 HTML 所在目录，运行
python3 -m http.server 8000
，然后访问http://localhost:8000/your-page.html - Node.js（需安装）：运行
npx http-server -c-1
（-c-1禁用缓存，便于开发） - VS Code 用户：装插件
Live Server，右键 HTML 文件 → “Open with Live Server”，自动启动并监听变化 - 注意：端口别选 80/443（需管理员权限），也避开被占用的端口（如 3000、8080 常被其他工具占）
在线运行：GitHub Pages + raw.githack（免备案免域名）
想让别人也能点链接就看，又不想买服务器？这两个方式零成本、秒上线。
立即学习“前端免费学习笔记（深入）”；
- GitHub Pages：把 HTML 放进仓库根目录或
/docs文件夹 → Settings → Pages → Source 选main /docs folder→ 几分钟后生效，地址形如https://<username>.github.io/<repo>/page.html</repo></username> - RawGit 已停运，替代方案是
raw.githack.com：上传 HTML 到 GitHub，复制其 raw 链接（如https://raw.githubusercontent.com/user/repo/main/index.html），把域名换成https://raw.githack.com/user/repo/main/index.html即可在线执行（支持 JS/CSS/图片） - 注意：
raw.githack.com不支持fetch加载同仓库其他 raw 链接（CORS 策略），要用相对路径或改用 GitHub Pages
真正容易被忽略的是：本地双击能跑 ≠ 代码符合 Web 标准。比如用 fetch('data.json') 时，本地双击失败，但开发者常误以为是路径写错，其实只是协议限制。换 HTTP 服务一试便知。
