直接用浏览器打开HTML文件可运行纯静态页面，但涉及fetch、localStorage等API时需HTTP服务；推荐npx http-server、Python内置服务器或Live Server插件启动本地服务。
直接用浏览器打开 HTML 文件就能运行，不需要服务器
本地写好的 index.html 文件，双击或拖进 Chrome/Firefox/Edge 等任意现代浏览器，立刻渲染执行。这是最轻量、最可靠的“在线运行”方式——根本不用联网，也不依赖第三方平台。
常见误区是以为必须部署到服务器才能看效果，其实只有涉及 fetch、XMLHttpRequest、Service Worker 或某些 file:// 协议限制的 API（比如读取本地文件）时，才需要起本地服务。
- 纯 HTML + 内联 CSS + 内联 JS：完全支持
file://协议 - 引用了同目录下的
script.js或style.css：也支持，只要路径正确 - 用了
fetch('./data.json')：Chrome 会报net::ERR_FILE_NOT_FOUND或跨域错误，Firefox 更严格，直接拒绝
需要 HTTP 环境时，用 Python、Node.js 或浏览器插件起最小服务
一旦代码里出现相对路径的 fetch、import 动态模块、localStorage 配合页面重载等场景，就得让文件走 http://localhost:xxxx/ 而不是 file://。
推荐三种零配置启动方式（任选其一）：
立即学习“前端免费学习笔记（深入）”；
- Python 3：终端进入项目目录，运行
python3 -m http.server 8000，然后访问http://localhost:8000 - Node.js（已装
npx）：运行npx serve -s（自动找index.html）或npx http-server -c-1（禁用缓存） - Chrome 插件如
Web Server for Chrome：安装后点图标选目录，一键启服务（适合不熟悉命令行的用户）
注意：python -m SimpleHTTPServer 是 Python 2 命令，Python 3 已废弃，误用会报错 No module named SimpleHTTPServer。
临时测试别碰在线代码沙盒，除非你清楚它们的限制
像 JSFiddle、CodePen、JSBin 这类平台确实能“在线运行”，但它们本质是 iframe 沙盒环境，HTML 被包裹在父页面中，document.body 不是你写的那个，window.location 是只读的，很多调试行为会失效。
典型问题包括：
-
document.write()直接被忽略（现代沙盒禁用） -
base href或meta charset可能被平台覆盖 - 无法访问
localStorage（部分平台隔离或清空） - 引入本地
.json文件失败（没 HTTP 服务，又不允许file://）
它们适合分享可复现的片段，不适合调试真实项目逻辑或依赖路径的操作。
移动端真机调试：用 localhost + 同局域网 IP
想在手机浏览器里看效果？别用微信或 QQ 内置浏览器（它们不是标准 WebKit/Blink），用 Safari（iOS）或 Chrome（Android），并确保手机和电脑在同一 Wi-Fi 下。
步骤很简单：
- 电脑起服务，比如
python3 -m http.server 8000 - 查电脑局域网 IP（macOS 执行
ipconfig getifaddr en0，Windows 用ipconfig找 IPv4 地址） - 手机浏览器访问
http://192.168.x.x:8000（把 x.x 替换成你的真实 IP）
如果打不开，大概率是系统防火墙拦截了端口（macOS 默认开启；Windows 需检查“专用网络”设置），临时关闭防火墙或添加端口例外即可。别试图用 127.0.0.1 或 localhost —— 那只是手机自己的回环地址，不是你的电脑。
