在 IE/Edge 上单击 LinkedIn 共享按钮时出错

我在我的 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://learn.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin

它在 Chrome/Firefox/Safari 上运行完全正常。但是，单击 LinkedIn 共享按钮（由上述脚本生成）时，会出现 LinkedIn 共享弹出窗口，并且我的应用程序控制台中出现错误，其中显示：

[对象错误]：{描述：“[Messenger] 必需的属性“目标” 未提供”，消息：“[Messenger] 必需的属性“目标” 未提供”，nr@seenError：true，堆栈：“错误：[Messenger] 匿名函数未提供必需的属性“目标” （https://platform.linkedin.com/xdoor/scripts/in.js:7:55143） 在 t 处的 Array.prototype.forEach （本机代码） （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） 在 nr包装器 ([MY_SITE_LINK_ADDRESS]:9:16587)"}

注意：我隐藏了 [MY_SITE_LINK_ADDRESS]。

这里的问题似乎是您依赖插件的 JS、CSS 和 HTML 来处理每个浏览器。看一下：这是其他人在 2018 年发帖时遇到的同样问题，LinkedIn Share 插件在 IE 上出现问题. And, 官方来自LinkedIn，如果你想让这个插件工作，你需要要求你的用户这样做：

1. 打开 Internet Explorer。
2. 单击“工具”并选择“兼容性视图设置”。
3. 取消选中“在兼容性视图中显示所有网站”旁边的框。
4. 单击“关闭”。

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

您不需要依赖 LinkedIn 共享插件。你真正需要的是...

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

然后确保它可以跨浏览器工作就在你的手中。

Source: Microsoft LinkedIn 共享 URL 文档.

当然，大家都说：不要重新发明轮子！我完全同意！但当您发现一辆汽车有方形、立方形车轮时，也许您需要重新考虑！

如果您对定期维护的 GitHub 项目感兴趣，该项目可以跟踪此信息，这样您就不必这样做，请查看它！社交分享 URL