本地HTML文件添加书签需用file:///加URL编码的绝对路径，Chrome/Edge要求正斜杠、三斜杠；Firefox需修改about:config禁用安全限制；更可靠方案是用http://localhost运行本地服务器。
直接双击打开 HTML 文件，但书签必须通过浏览器添加
本地 .html 文件不能靠“拖进收藏夹”或“右键添加书签”自动识别为有效网址——浏览器只对 file:// 协议路径做特殊处理，且不同浏览器行为不一致。想让它稳定出现在书签栏，必须手动输入完整路径并确保格式正确。
Chrome / Edge 中添加本地 HTML 书签的正确写法
浏览器地址栏输入 file:///（注意是三个斜杠），后面拼上文件绝对路径，空格和中文要 URL 编码。Windows 路径中的反斜杠 \ 必须全换成正斜杠 /，盘符后加冒号但不加反斜杠。
- 错误示例：
file://C:\my\page.html（少斜杠、反斜杠未转） - 正确示例（Windows）：
file:///C:/Users/Name/Desktop/test.html - 正确示例（macOS）：
file:///Users/name/Documents/index.html - 含空格或中文？用
%20替代空格，%E4%B8%AD等代替中文（可用在线工具编码，或先粘贴到地址栏回车，再从地址栏复制已编码后的 URL）
Firefox 对 file:// 书签更严格，需启用额外权限
Firefox 默认禁止从书签直接加载本地 HTML（防 XSS），必须手动开启 privacy.file_unique_origin（设为 false）或改用 about:config 中的 security.fileuri.strict_origin_policy 设为 false。否则点击书签会白屏或报错 NS_ERROR_FILE_ACCESS_DENIED。
操作路径：about:config → 搜索上述键名 → 双击切换值 → 重启生效。
立即学习“前端免费学习笔记（深入）”；
更可靠替代方案：用本地服务器代替 file://
长期依赖本地 HTML 页面，建议起个轻量服务。Python 自带模块就能做到：
python3 -m http.server 8000
然后访问 http://localhost:8000/your-page.html，这个 URL 可无限制添加书签、支持 AJAX、跨文件引用正常。VS Code 安装 Live Server 插件后右键“Open with Live Server”也是一样原理。
注意：只要路径不是 file:// 开头，所有现代浏览器对书签的兼容性都很好，也不用操心编码和权限问题。
