LinkedIn分享按钮在Microsoft Edge浏览器中失效问题求助

Hey Steve, 我帮你梳理下这个问题的来龙去脉，以及对应的解决办法：

问题根源 #

你遇到的这个Edge专属报错，本质是LinkedIn旧版IN/Share分享插件的兼容性与维护问题：

• 这个旧插件是LinkedIn早期推出的嵌入式分享方案，2018年官方博客已经宣布废弃了插件的计数器功能，后续LinkedIn逐步停止了对整个插件的全面维护，导致它在Edge浏览器（不管是旧版EdgeHTML引擎还是新版Chromium Edge）中出现了加载权限或API兼容的bug。
• 官方博客本身也存在同样问题，这直接说明不是你网站的代码问题，是LinkedIn这个旧插件本身的Edge兼容缺陷。

解决方案：改用现代分享链接方案 #

既然旧插件已经被逐步淘汰，最稳妥的办法是替换为LinkedIn官方推荐的标准分享链接，这种方式不依赖嵌入式脚本，在所有浏览器（包括Edge）都能正常工作：

替换步骤 #

把你原来的两段脚本代码：

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-url="https://www.aoccorp.com"></script>

替换为以下HTML链接：

<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://www.aoccorp.com" target="_blank" rel="noopener noreferrer">
  <!-- 你可以在这里添加自定义按钮样式或LinkedIn官方图标 -->
  Share on LinkedIn
</a>

自定义样式（可选） #

如果需要保留类似原插件的按钮样式，可以用CSS定制，比如：

.linkedin-share-btn {
  background: #0077b5;
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
}
.linkedin-share-btn:hover {
  background: #005885;
}

然后给链接加上class：

<a class="linkedin-share-btn" href="https://www.linkedin.com/sharing/share-offsite/?url=https://www.aoccorp.com" target="_blank" rel="noopener noreferrer">
  Share on LinkedIn
</a>

为什么这个方案可行？ #

这个标准分享链接是LinkedIn现在主推的方案，它通过跳转至LinkedIn官方分享页面完成操作，完全基于HTTP标准协议，不依赖任何嵌入式脚本，所以不会有浏览器兼容性问题，同时也更符合现代网页的安全规范。

内容的提问来源于stack exchange，提问作者Steve Elmer