JavaScript无法直接操作浏览器书签，因安全与隐私限制，仅浏览器扩展可通过chrome.bookmarks API访问，网页脚本只能用localStorage模拟或引导用户手动收藏。
JavaScript 无法直接操作用户浏览器的书签（如添加、删除、读取），这是出于安全和隐私限制。主流浏览器（Chrome、Firefox、Edge 等）**不向网页脚本开放 Bookmark API**，也就是说，你不能在普通网页中用 JavaScript 调用 chrome.bookmarks 或类似接口 —— 那些 API 仅限于**浏览器扩展（Extension）环境**中使用。
为什么网页脚本不能访问书签？
书签包含用户的浏览习惯、敏感站点等隐私信息。如果任意网站都能读写书签，会造成严重安全风险（例如窃取常用登录页、诱导添加恶意链接）。因此，所有现代浏览器都明确禁止网页通过 JavaScript 访问书签系统。
只有浏览器扩展能用 Bookmark API
如果你开发的是 Chrome / Edge 扩展（Manifest V3），可以使用 chrome.bookmarks API，但需满足以下条件：
- 在
manifest.json中声明"bookmarks"权限 - 扩展必须启用并处于活动状态
- API 只能在扩展的后台页（background script）、弹出页（popup）或内容脚本（content script）中调用（注意：内容脚本默认无此权限，需额外配置）
示例（后台脚本中添加书签）：
立即学习“Java免费学习笔记（深入）”；
manifest.json{
"name": "我的书签工具",
"version": "1.0",
"manifest_version": 3,
<strong>"permissions": ["bookmarks"]</strong>,
"background": {
"service_worker": "background.js"
}
}
background.js
chrome.bookmarks.create({
parentId: '1', // 默认根文件夹
title: 'MDN Web Docs',
url: 'https://developer.mozilla.org/'
}, (bookmark) => {
console.log('已创建书签:', bookmark);
});
网页中有哪些“间接”替代方案？
虽然不能操作真实书签，但网页可提供类似体验：
-
引导用户手动收藏：用
window.location.href跳转到目标页后提示“请按 Ctrl+D（或 Cmd+D）添加书签” - 生成收藏链接（Bookmarklet）：一段可拖拽到书签栏的 JavaScript 代码，点击时在当前页执行逻辑（如高亮文本、跳转、注入样式）
- 前端模拟书签管理：用 localStorage 保存用户自定义的 URL 列表，在网页内实现“我的收藏夹”功能（仅限本站或用户主动录入）
常见误区提醒
不要尝试以下方式 —— 它们都无效：
-
document.querySelector('a[rel=bookmark]')：这只是选中 HTML 中带rel="bookmark"属性的链接，与浏览器书签无关 -
window.external.AddFavorite(...)：IE 时代遗留接口，早已废弃，现代浏览器不支持 - 试图用 iframe 或 postMessage 从扩展“偷渡”书签数据：跨域且无权限，会被拒绝
基本上就这些。想操作真实书签，只能走扩展路线；想服务普通网页用户，就老实用 localStorage + 引导提示的方式。安全限制不是 bug，是 deliberate design（有意为之的设计）。
