响应式HTML模板加分享组件的核心是确保按钮在各设备上可点、可读、不拖慢首屏且分享内容正确：微信须服务端签名（URL需完全一致）、Twitter/LinkedIn用URL Scheme纯前端实现、Web Share API需手势触发并配降级方案，OG标签须初始HTML中存在。
响应式 HTML 模板加分享组件，核心不是“怎么放按钮”，而是“怎么让按钮在不同设备上可点、可读、不拖慢首屏、且分享出去的内容正确”。微信必须服务端签名，Twitter/LinkedIn 可纯前端，Web Share API 仅限部分浏览器——选错方案，移动端点不动、卡片空白、LCP 直接拉垮。
微信分享必须后端生成 signature，前端拼 URL 无效
微信内置浏览器在页面加载初期就抓取 meta 标签并缓存，同时要求每次调用 wx.config() 的 url 参数和后端签名时用的 URL 完全一致（协议、域名、路径、query 全部匹配，不含 hash）。前端用 location.href 拼出来的值，99% 不符合这个条件。
- 后端签名必须用
location.origin + location.pathname + location.search，不能用location.href -
nonceStr和timestamp前后端必须完全一致，不能前端生成再传给后端 - 公众号后台「JS接口安全域名」必须包含当前访问域名，www 和非 www 视为不同域名
- 调试务必用真机扫码 + 微信开发者工具「网页分享」功能抓取，别靠发给自己看
Twitter / LinkedIn 分享用 URL Scheme，别加载 JS
这两个平台不需要任何 SDK，直接构造带 encodeURIComponent() 的跳转链接即可，零依赖、无阻塞、兼容所有浏览器。但参数名、编码规则、字段限制各不相同，写错一个字符就失败。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- Twitter：必须含
url和text，都得encodeURIComponent()，例如https://twitter.com/intent/tweet?url=+ encodeURIComponent(window.location.href) + '&text=' + encodeURIComponent(document.title) - LinkedIn：
share-offsite不读text参数，只取页面中和，URL 必须完整且编码 - 移动端 Safari 会新开标签页而非弹窗，
window.open()在 iOS 上基本失效，直接用更可靠
ShareThis v3 是静态页最省心的选择，但 data-sharethis-url 必须绝对路径
ShareThis v3 不依赖 jQuery，自动绑定事件，CDN 加载后即用，比手写一堆 链接更可控。但它不会自动读取当前页面 URL，也不会帮你做编码——漏掉任何一环，分享卡片就变首页或 404。
-
data-sharethis-url必须是完整绝对路径，如https://example.com/article/123，写成/article/123或article/123都会失败 - 中文标题、特殊符号必须提前
encodeURIComponent()，否则微博截断、LinkedIn 返回 400 - SPA 场景下路由切换后，必须手动调用
stLight.options({ url: newUrl, title: newTitle })，否则分享的仍是初始页 - 脚本必须放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
