应使用平台官方分享链接或API：Twitter用intent/tweet（支持text/url/hashtags），Facebook用sharer.php（仅u参数，依赖og标签），微信必须走JS-SDK并后端签名，禁用window.open直连和第三方聚合库。
直接在 index.html 里硬编码分享按钮，基本等于白忙活——点不动、没回调、分享内容不可控，还可能被浏览器拦截。真要加，得用平台提供的标准方式，或者自己调用它们的分享 API。
用 Twitter 和 Facebook 官方分享链接最稳妥
这是唯一不需要引入 SDK、不触发跨域限制、兼容性最好的方案。所有主流平台都支持 https://twitter.com/intent/tweet 和 https://www.facebook.com/sharer/sharer.php 这类 intent URL。
-
twitter.com/intent/tweet支持text、url、hashtags参数，比如：https://twitter.com/intent/tweet?text=看看这个&url=https%3A%2F%2Fexample.com&hashtags=web,html -
facebook.com/sharer/sharer.php只认u参数（必须是 URL 编码后的完整地址），不支持自定义文案；想带标题/描述得靠页面里的og:title等 meta 标签 - 别用
window.open()直接弹窗——Safari 和新版 Chrome 默认拦截，得加noopener和用户手势判断（比如绑定在click上）
微信分享必须走 JS-SDK，且需要后端配合
微信禁止前端直接构造分享链接。你看到的“分享到朋友圈”按钮，背后必须调用 wx.ready 和 wx.updateAppMessageShareData，而这些接口依赖后端生成的签名（jsapi_ticket + nonceStr + timestamp + url）。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 前端直接写
http://weixin.qq.com/x/xxx类链接？无效，微信会忽略 - 哪怕只是静态页，也得有个后端接口返回签名配置（哪怕只跑在本地
localhost:3000，也要配好可信域名和 JS 接口安全域名） - 调试时注意：微信内置浏览器缓存极强，改了
shareData不生效？清缓存或换“访问新链接”重试
避免用第三方聚合分享库（如 ShareThis、AddToAny）
它们看似一键集成，实则埋雷：加载大量外部脚本、拖慢首屏、默认收集用户行为、部分已停止维护。更麻烦的是，它们常把分享逻辑绑死在 DOM 就绪后自动初始化，导致你在 Vue/React 里动态插入按钮时根本触发不了。
立即学习“前端免费学习笔记（深入）”；
- 如果非要用，至少把 script 标签放在
</body>前，并确认它暴露了全局函数（如window.addtoany）供你手动调用 - 检查 network 面板：有没有 403 或 CORS 错误？有些服务对 localhost 直接拒绝
- 替代思路：自己封装一个轻量函数，接收平台名和参数，拼 URL 后
window.open(..., '_blank', 'width=600,height=400')
最容易被忽略的一点：分享出去的链接，目标页面必须有正确的 <meta property="og:title">、<meta property="og:image"> 等 Open Graph 标签——否则 Facebook、Twitter、LinkedIn 展示的都是乱码或空卡片，和你按钮上写的文案完全无关。
