应使用本地HTTP服务器（如Live Server或http-server）而非双击打开HTML文件，因file://协议会因安全限制导致fetch、JSON加载、模块导入等功能失效，而http://localhost可正常执行所有Web API。
直接双击打开 .html 文件就行，但浏览器可能不加载本地资源
大多数情况下，你右键 index.html → “打开方式” → 选 Chrome/Firefox/Edge，页面就出来了。但如果你用了 fetch()、XMLHttpRequest、或引入了同目录下的 data.json、script.js，大概率会看到控制台报错：net::ERR_FILE_NOT_FOUND 或 Cross origin requests are only supported for protocol schemes。这不是文件坏了，是浏览器出于安全限制，禁止从 file:// 协议发起某些请求。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 开发阶段别双击打开，改用命令行起个最小 HTTP 服务：比如 VS Code 装 Live Server 插件，右键点 HTML 文件选“Open with Live Server”；或者终端进目录后运行
npx http-server（需先npm install -g http-server） - 如果只是静态展示、没 AJAX、没模块导入，双击确实够用 —— 但得确认所有路径都是相对路径，且没写
./js/app.js却实际放在js/app.js - 别用 IE 打开，它对现代 HTML/CSS 支持弱，且
file://行为更诡异
file:// 和 http://localhost 的区别到底在哪
关键不是“能不能显示”，而是“能不能执行”。file:// 下的页面运行在“无源”（opaque origin）环境，浏览器会禁掉：localStorage 在部分版本 Safari 中失效、Service Worker 完全不可注册、import 语句无法加载本地 .js 模块、CORS 预检请求直接被拦。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 检查地址栏：如果是
file:///Users/xxx/book/index.html，就属于受限模式；换成http://localhost:8080/index.html就一切正常 - 想快速验证是否是协议问题？把页面上传到 GitHub Pages 或 Vercel，用真实 URL 打开，如果功能恢复，基本锁定是
file://限制 - 不要手动改地址栏成
http://—— 这不会生效，必须由本地服务器响应请求
VS Code 里预览 HTML 总是空白？可能是编码或路径问题
常见现象：代码写完了，Live Server 点了，浏览器弹出来却一片空白，控制台也没报错。大概率是文件编码不是 UTF-8 无 BOM，或 CSS/JS 的 src、href 路径写错了，比如把 css/style.css 写成 ./css/style.css 却没注意当前 HTML 不在根目录。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 在 VS Code 右下角确认编码显示为
UTF-8，不是GBK或ISO-8859-1；点一下切换，保存重试 - 在开发者工具的 Network 标签页里刷新，看哪些
css、js显示404，然后对照 HTML 里的src值和实际文件树位置——路径是相对于 HTML 文件所在位置算的，不是项目根目录 - 避免用绝对路径如
/css/reset.css（以/开头），它会从域名根开始找，在本地服务器下指向http://localhost/css/reset.css，而不是项目子目录
手机上怎么临时看本地 HTML 书
不能双击，也不能装 Node.js。可行办法有限，但够用：iOS 可用 Files App + 快捷指令，Android 推荐 SingleFile 浏览器插件导出完整 HTML（含内联资源），或用 Python 起服务再连局域网。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- iOS：把
book.html放进 iCloud Drive，用“快捷指令”运行“在 Safari 中打开”，但仅限纯静态页；有 JS 交互的，得用第三方 App 如Documents by Readdle，它内置 Web 服务器，长按文件选“在内部浏览器中打开”即可 - Android：安装
Termux，执行pkg install python→cd /sdcard/Download→python3 -m http.server 8000，然后在手机浏览器访问http://localhost:8000/book.html - 最省事：电脑开热点，用
http-server启动，手机连同一 WiFi，访问http://[电脑IP]:8080/book.html（查 IP 用ifconfig或ipconfig）
本地 HTML 书能跑起来不难，难的是它悄悄失效的那些地方 —— 比如图片显示了但 JSON 加载失败，或者手机上按钮点了没反应。这些往往不是代码写错了，而是你没意识到自己正运行在 file:// 这个“半残废”协议上。
