Question

我目前正在使用Bootstrap 4开发一个个人使用的投资组合网站。我想使用LinkedIn的Badge作为网站上的组件，但不能始终如一地工作。

我已经在本地服务器，CDN Bootstrap和本地版本上的多个浏览器中测试了此方法，这些浏览器有无cookie。都使用了Ubuntu 18.04和Android 8.0 Oreo。

<body>
...
<div class="LI-profile-badge container"  data-version="v1" data-size="large" data-locale="en_US" data-type="vertical" data-theme="light" data-vanity="kurtis-odom">
    <a class="LI-simple-link" href="https://www.linkedin.com/in/kurtis-odom?trk=profile-badge">Kurtis Odom</a>
</div>
...
<!-- LinkedIn Badge script -->
    <script type="text/javascript" src="https://platform.linkedin.com/badges/js/profile.js" async defer></script>
</body>

有时徽章会正确加载，但会经常失败，仅留下我名字的超链接即可链接到我的LinkedIn页面。

Image of what should happen and what actually happens

托管在GitHub Pages上的完整项目： https://kko13.github.io/BS4-Portfolio/

Answer 1

您使用任何类型的AdBlocking或Dom操作扩展吗？一世在浏览器的右上角发现一个带有计数器的图标失败页面上的“ 1”。您可以尝试禁用它，看看是否问题仍然存在？ – Nick LeBlanc

我多次尝试在禁用附加组件的情况下重新启动Firefox，相同结果。手机上的内置三星浏览器上不会出现这种情况，但其他地方。但是，由于以下原因，我最近改用了chrome： firefox最近的附件崩溃，现在我可以在隐身模式，它将起作用...我不确定附加组件是否为100％问题，但目前为止仍然有效。

为什么我的LinkedIn徽章在我的bootstrap 4网站上随机失败？

1 个答案: