原生html+js可实现社交分享按钮，但需注意：facebook必须用sharer.php且u参数需encodeuricomponent编码；twitter需intent/tweet链接并分别编码text和url；微信必须用js-sdk签名，前端跳转无效。
直接用原生 HTML + 简单 JavaScript 就能实现社交分享按钮，不需要引入 SDK 或第三方库——但多数人卡在 URL 编码、平台参数拼接和移动端兼容这三处。
Facebook 分享链接必须用 sharer.php，不是 Graph API
Facebook 官方已弃用旧版 sharer.php 的部分参数（如 u 必须是完整 URL），且不支持自定义描述或图片（这些由目标页面 <meta> 标签控制）。
-
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fpost是唯一可靠方式 -
u参数值必须经过encodeURIComponent()处理，否则中文或特殊字符会 400 - 不要尝试加
quote或hashtag参数——Facebook 会忽略它们 - 移动端 Safari 下可能弹出新窗口而非浮层，这是平台限制，无法绕过
Twitter 分享需手动拼 intent/tweet，text 和 url 都要编码
Twitter 的分享地址结构固定：https://twitter.com/intent/tweet?text=...&url=...，但参数顺序和编码错误会导致文字截断或链接失效。
-
text和url都必须单独encodeURIComponent()，不能只编码一个 - 如果想带话题，用
hashtags=dev,web（逗号分隔，无 # 符号） -
via参数只影响发布后显示的「via @xxx」，不参与认证，填错也不会报错 - 注意：Twitter 已移除对
related的支持，设了也无效
微信分享不能靠前端跳转，得用 JS-SDK 签名
纯 HTML 按钮点击后跳转到微信内置浏览器，根本不会触发分享——微信禁止未授权的分享调用。所谓“复制链接”按钮只是妥协方案。
- 真分享必须接入微信
jsapi，后端生成signature、nonceStr、timestamp - 前端调用
wx.updateAppMessageShareData()或wx.updateTimelineShareData()设置文案和缩略图 - 域名必须在公众号后台「JS接口安全域名」中备案，本地
localhost不生效 - 调试时用真机扫码，Chrome 模拟器点分享按钮毫无反应
URL 编码不统一是最大坑，别信浏览器自动编码
不同平台对空格、中文、斜杠的处理逻辑不一致，encodeURI() 和 encodeURIComponent() 选错就会丢参数。
- 所有 query 参数值统一用
encodeURIComponent()，包括text、url、title -
encodeURI()会保留/和?，不适合拼 query，仅用于整个 URL 路径部分 - 测试方法：把生成的分享链接粘贴到地址栏，看是否能正常打开且参数没被截断
- 特别注意：某些 CMS 生成的 URL 自带查询参数（如
?ref=123），必须整体编码，不能只编码路径
微信那套签名机制和 Facebook 的元标签依赖，是绕不开的硬性门槛；而 Twitter 和 LinkedIn 的链接拼接看着简单，一不留神就因编码漏掉半个标题。动手前先确认你有没有权限改服务器响应头或后端签名逻辑——否则按钮点下去，只是打开了个空页面。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
