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

IT技术 reactjs internet-explorer share linkedin microsoft-edge
2021-05-12 01:14:03

我在我的 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 共享弹出窗口,并且我的应用程序控制台中出现错误,其中显示:

[对象错误]:{描述:“[信使] 未提供必需的属性‘目标’”,消息:“未提供[信使] 所需的属性‘目标’”,nr@seenError:true,堆栈:“错误:[ Messenger]在 Array.prototype.forEach(本机代码)的匿名函数(https://platform.linkedin.com/xdoor/scripts/in.js:7:55143)在 t(https)中未提供必需的属性“目标” ://platform.linkedin.com/xdoor/scripts/in.js:7:54936 ) 在 e ( https://platform.linkedin.com/xdoor/scripts/in.js:7:56462 ) 在 e ( https ://platform.linkedin.com/xdoor/scripts/in.js:7:34661 ) 在value ( 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]。

1个回答

这里的问题似乎是您依赖插件的 JS、CSS 和 HTML 来处理每个浏览器。看一看:这是 2018 年发布的其他人,也有同样的问题,使用 LinkedIn Share 插件在 IE 上发布问题而且,官方来自 LinkedIn,如果你想让这个插件工作,你需要让你的用户这样做:

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

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

您无需依赖 LinkedIn Share Plugin。你真正需要的只是......

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

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

来源:Microsoft LinkedIn 共享 URL 文档

当然,每个人都说:不要重新发明轮子! 我完全同意!但是,当您发现一辆具有方形、立方体车轮的汽车时,也许您要重新考虑一下!

如果您对定期维护的 GitHub 项目感兴趣,该项目会跟踪此情况,因此您不必这样做,请查看! 社交分享 URL

社交分享 URL 图片