HTML无法原生导入导出浏览器书签，所有方案均为模拟：导出用Blob生成bookmarks.json文件，导入用FileReader解析JSON，数据仅限页面内使用，不与浏览器书签系统交互。
HTML里没有原生书签导入导出功能
浏览器书签（Favorites/Bookmarks）是客户端本地数据，HTML标准不提供读写书签的API——navigator.bookmarks 不存在，window.external.AddFavorite 是IE古董且早被废弃。所有“HTML实现书签导入导出”的方案，本质都是绕过浏览器书签系统，用HTML+JS模拟一个可导出为文件、再解析回页面的书签列表。
用JSON文件模拟书签并支持下载
最可控的做法：把书签存成 bookmarks.json 格式，用户点击下载，之后手动导入到页面中。这不是真导入浏览器，但能复用数据。
- 导出时用
JSON.stringify序列化数组，每个对象含title和url字段 - 生成下载链接必须用
Blob+URL.createObjectURL，直接写data:URL 在大文件或中文下容易截断或乱码 - 注意
url必须是完整协议地址（如https://example.com），相对路径在导入后可能失效
const bookmarks = [{ title: "MDN", url: "https://developer.mozilla.org" }];
const blob = new Blob([JSON.stringify(bookmarks, null, 2)], { type: "application/json" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = "bookmarks.json";
a.click();
URL.revokeObjectURL(url);
用读取本地JSON书签文件
用户上传的 bookmarks.json 需通过 FileReader 解析，不是直接读路径——input.files[0].path 在浏览器中不可访问，这是安全限制。
- 监听
change事件后调用reader.readAsText(file)，不能用readAsDataURL再 Base64 解码，徒增复杂度 - 必须处理
reader.onload中的reader.result，不是event.target.result（易错） - JSON解析失败要捕获
try/catch，否则用户传个格式错的文件，页面就卡住不动 - 导入后建议校验
url字段是否符合URL构造函数要求，避免后续window.open报错
上传下载组合的兼容性与权限边界
这套组合方案在所有现代浏览器都可用，但要注意它完全运行在沙箱内：文件不会进 localStorage，不触发任何浏览器权限弹窗，也不需要 HTTPS —— 但这也意味着它和真实书签栏零交互。
立即学习“前端免费学习笔记（深入）”；
- Chrome/Firefox/Safari 对
Blob下载大小无硬限制，但超 10MB 可能导致内存占用明显上升 - 移动端 Safari 不支持
a.download，需降级为打开新窗口显示 JSON 内容，让用户长按保存 - 不要尝试用
localStorage持久化上传的书签再自动“同步”到其他设备——那不是书签导入导出，是自建同步服务，跨域、存储上限、用户隐私都得重新设计
真正难的是让导入后的书签“像浏览器原生那样工作”：比如分类夹、图标加载、最近访问排序……那些不在 HTML 能力范围内，得自己补逻辑。
