分享按钮点击无反应，主因是未绑定逻辑或https下混用http链接；须用window.open()构造url并url编码参数，微博等需拼接特定get参数，微信需后端js-sdk，国内app唤起依赖客户端支持。
分享按钮为什么点不动？检查是否漏了 window.open() 或协议限制
多数人直接复制网上“一键分享”代码，结果点击没反应——大概率是用了 javascript:void(0) 却没绑定实际逻辑，或者在 HTTPS 页面里试图用 HTTP 链接触发分享（现代浏览器会拦截）。真要靠原生 JS 实现，必须用 window.open() 手动构造 URL，并确保目标平台支持 GET 参数传参。
比如微博分享需拼接：https://service.weibo.com/share/share.php?url=xxx&title=xxx，注意 & 是 HTML 实体，JS 字符串里得写成 &；微信不提供官方前端分享接口（需后端接入 JS-SDK），别信“一行代码唤起微信分享”的伪方案。
- 所有分享链接必须 URL 编码：用
encodeURIComponent()包裹url、title、description等参数 - 微信、QQ、钉钉等国内 App 的分享，依赖客户端是否已安装且支持 intent / universal link，纯网页无法保证唤起
- 不要在
onclick里直接写长串 URL，易出错，建议抽成函数
Twitter / Facebook 分享链接怎么拼？记住它们的参数名和大小写
Twitter 用 url、text、hashtags；Facebook 用 u（URL）、（title）；二者都不支持 description 参数（FB 已弃用 <code>desc）。参数名错一个字母或大小写不对，分享弹窗就丢内容。
示例（Twitter）：https://twitter.com/intent/tweet?url=https%3A%2F%2Fexample.com&text=Hello&hashtags=webdev
- Twitter 的
text最多 280 字符，超长会被截断，且不显示省略号 - Facebook 分享页由其爬虫抓取
og:title和og:description，t参数仅作 fallback，优先级低 - LinkedIn 用
url参数即可，其他字段（title、summary）只在调用其 Share API 时有效，普通链接无效
要不要用第三方 SDK？警惕 sharethis.com 或 addthis.com 的性能拖累
这些服务确实省事，但会加载 300KB+ 的 JS，执行大量 DOM 检测和异步请求，首屏渲染被阻塞。更麻烦的是，它们常把用户行为上报给第三方，违反 GDPR /《个人信息保护法》——如果你的站点面向欧盟或国内监管敏感场景，得自己评估合规风险。
- SDK 通常用
document.write或动态script注入，可能触发 CSP 报错（若你设了script-src 'self'） - 它们的图标字体或 SVG 常硬编码 CDN 地址，一旦服务商停服或改路径，按钮就变空白
- 真要轻量集成，推荐直接抄 Twitter/FB 官方文档里的精简链接模板，手写
@#@#@#@#@#@#@#@#@#@0，零 JS 依赖
移动端分享按钮点不中？检查 touch-action 和点击区域大小
小图标按钮在 iOS 上经常失灵，不是代码问题，而是 CSS 导致。iOS Safari 默认对小于 44×44px 的可点击元素添加“延迟点击”，用户需长按才触发。解决方法很简单：
- 给按钮加
style="min-width: 44px; min-height: 44px;" - 避免用
span或div模拟按钮，坚持用<a></a>或<button></button> - 如果用了
touch-action: manipulation，确保没误加到父容器上导致子元素失效
另外，部分安卓 WebView 对 window.open() 限制严格，测试时务必用真机，别只信 Chrome 模拟器。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
