现代浏览器禁用javascript直接添加书签，唯一合法方式是用户手动按ctrl+d/cmd+d；替代方案包括伪收藏（localstorage或后端存储）和移动端“添加到主屏幕”（需manifest.json和服务端支持）。
浏览器原生收藏功能无法用 JavaScript 触发
直接调用 window.location.bookmark() 或类似方法在现代浏览器里会报错或静默失败——这不是你代码写错了，是浏览器故意禁用的。Chrome、Firefox、Edge 全部移除了对 JavaScript 主动触发“添加到收藏夹”的 API 支持，出于安全和防骚扰考虑。
所以别再搜“JS 实现收藏按钮”想一键加书签了，这条路走不通。
- 唯一合法的用户主动收藏方式：按
Ctrl+D（Windows）或Cmd+D（macOS），由用户自己触发 - 所有号称“点击收藏”的按钮，本质都是引导用户手动操作，或退而求其次做「伪收藏」（比如存到 localStorage 或后端）
- 部分老教程提到的
external.AddFavorite()是 IE6 时代的遗留物，已彻底失效
用 <a></a> 标签模拟“点击收藏”引导最可靠
虽然不能自动加书签，但可以用语义化链接明确提示用户该怎么做，并兼容所有设备。关键是把操作路径说清楚，而不是假装能自动化。
示例写法：
<a href="#" onclick="alert('请按 Ctrl+D（Windows）或 Cmd+D（macOS）将本页加入收藏夹'); return false;">⭐ 收藏本页</a>
- 不使用
javascript:void(0)，避免被某些浏览器拦截或影响可访问性 - 用
alert()是为了强制用户注意快捷键，比 tooltip 更确定；若追求体验，可用自定义弹层，但核心信息不能省 - 移动端没有
Cmd/Ctrl+D，需额外说明：“在 Safari/Chrome 中点击分享按钮 → ‘添加到主屏幕’（这是 PWA 式收藏，非传统书签）”
“伪收藏”要区分场景：前端存 localStorage 还是后端存用户账户
如果业务真需要记录用户收藏了哪些页面（比如文档库、文章站），那就不是做浏览器书签，而是实现「用户内容收藏」功能——这和 HTML 本身无关，属于应用逻辑。
- 前端轻量方案：用
localStorage.setItem('collected_urls', JSON.stringify([...]))，适合无登录场景，但换设备就丢数据 - 后端方案：必须有用户登录态，点击时发 POST 到
/api/favorites，存user_id+url或article_id，返回状态更新 UI - 注意 URL 归一化：带参数的链接（如
/post?id=123&utm_source=share）应截取干净路径，否则同一篇文章点多次会重复存
别忽略移动端的“添加到主屏幕”替代路径
iOS Safari 和 Android Chrome 都支持“添加到主屏幕”，它虽不是传统书签，但用户感知接近——图标出现在桌面，打开是 PWA 风格全屏页。要启用这个，得配好 manifest.json 和 <meta name="apple-mobile-web-app-capable" content="yes">。
- 仅当你的站点已注册 Service Worker 并提供有效
manifest.json，系统才会显示“添加到主屏幕”选项 - 不能用 JS 调起该弹窗；但可在用户首次访问后，监听
beforeinstallprompt事件，缓存事件对象，等用户点击自定义按钮时再e.prompt() - 注意：这个 prompt 最多只触发一次，且用户拒绝后不会再次出现，别指望反复提醒
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
