单击 IE/Edge 上的 LinkedIn 共享按钮时出错答案

【问题标题】：Error on clicking the LinkedIn Share Button on IE/Edge单击 IE/Edge 上的 LinkedIn 共享按钮时出错
【发布时间】：2019-03-18 11:16:15
【问题描述】：

我在我的 ReactJS 应用程序中使用 LinkedIn 的以下共享插件：

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

来自 LinkedIn 文档：https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin

它在 Chrome/Firefox/Safari 上运行良好。但是，单击 LinkedIn 共享按钮（由上述脚本生成）时，会出现 LinkedIn 共享弹出窗口，我在应用程序控制台中收到错误消息：

[object Error]: {description: "[Messenger] 必需属性 'target' 未提供”，消息：“[Messenger] 必需属性 'target' 未提供”，nr@seenError：真，堆栈：“错误：[Messenger] 匿名函数未提供必需的属性“目标” (https://platform.linkedin.com/xdoor/scripts/in.js:7:55143) 在 Array.prototype.forEach (native code) at t (https://platform.linkedin.com/xdoor/scripts/in.js:7:54936) 在电子 (https://platform.linkedin.com/xdoor/scripts/in.js:7:56462) 在电子 (https://platform.linkedin.com/xdoor/scripts/in.js:7:34661) 价值 (https://platform.linkedin.com/xdoor/scripts/in.js:18:23834) 在 s (https://platform.linkedin.com/xdoor/scripts/in.js:18:38221) 在 nrWrapper ([MY_SITE_LINK_ADDRESS]:9:16587)"}

注意：我隐藏了 [MY_SITE_LINK_ADDRESS]。

【问题讨论】：

我用上面的示例代码做了一个测试。分享按钮在包括 IE 和 Edge 在内的所有浏览器中显示良好。当我点击它时，我在包括 Chrome 在内的所有浏览器中都遇到了不同的错误。您也可以通过在网页上运行以上 2 行来查看错误来进行测试。如果我们检查您的控制台错误，它还会说这些是来自 Linkedin 的脚本文件。所以很可能他们的网站或插件有一些问题。正如他们的文件中显示的错误，我们无法从我们这边纠正它。

标签： reactjs internet-explorer share linkedin microsoft-edge

【解决方案1】：

这里的问题似乎是您依赖插件的 JS、CSS 和 HTML 来处理每个浏览器。看看：这是 2018 年发布的其他人也有同样的问题，Issue on IE with LinkedIn Share plugin。而且，officially from LinkedIn，如果你想让这个插件工作，你需要让你的用户这样做：

打开 Internet Explorer。
点击工具并选择兼容性视图设置。
取消选中“以兼容性视图显示所有网站”旁边的框。
点击关闭。

要求您的用户重新配置他们的浏览器以便能够单击您网站上的一个按钮是否合理？回答：不。

您无需依赖 LinkedIn Share 插件。你真正应该需要的是......

https://www.linkedin.com/sharing/share-offsite/?url={url}

然后确保它可以跨浏览器运行。

来源：Microsoft LinkedIn Share URL Documentation。

当然，每个人都说：不要重新发明轮子！我完全同意！但是，当您发现一辆具有方形、方形轮子的汽车时，您可能需要重新考虑！

如果您对定期维护的 GitHub 项目感兴趣，该项目会跟踪此内容，因此您不必这样做，请查看！ Social Share URLs

【讨论】：