用“`iframe`”显示LinkedIn内容

Question

我正在制作我的网站，我想把我的LinkedIn配置文件在生物技术部分。然而，当我使用iframe时，我发现LinkedIn拒绝连接。有没有一种方法可以将我的LinkedIn配置文件嵌入到我的网站中？谢谢!

<iframe src="https://www.linkedin.com/in/your-name"></iframe>产量：

​

​

Answer 1

LinkedIn允许您创建一个徽章，并将该徽章放在您的投资组合/网站中。因此，为了制作LinkedIn徽章，请执行以下步骤：

从您的connections.

• Then配置文件中单击

1. ，单击位于您的LinkedIn配置文件编号旁边的Contact Info，单击右上角的笔来编辑Contact Info.
2. The，您首先会注意到的是您的LinkedIn配置文件链接。单击它。
3. 将打开新页面，您将在页面右侧看到一列，在其末尾将找到一个标题为Public Profile badge的框和底部的Create a badge按钮。点击这个按钮，
4. 复制script标签并粘贴到你的HTML标签底部，你会发现你的徽章有4种设计。选择合适的一个，并从底部复制它的代码，并粘贴到您希望共享徽章的位置。

我知道这是一段漫长的旅程，但这是值得的。--

注意：指向LinkedIn配置文件的链接将始终在当前选项卡中打开，即使将属性添加到a标记中也是如此。如果希望在新选项卡中打开链接，请将这行代码放在HTML <base target="_blank" />的开头的HTML<base target="_blank" />标记中。

另一个重要的注意事项：将base标记放入head标记中，默认情况下，该工作表中的每个a标记都将在新选项卡中打开。

快乐编码和好运

Answer 2

这些天来，浏览器希望iframes只从同一站点生成框架页，从而防止了这种情况发生。这是为了防止敲击。它是通过X-Frame-Options头控制的。在dev tools上，您应该会看到类似的错误，如果您按下F12，就会看到这个错误。

​

​

*Clickjacking, also known as a “UI redress attack”, is when an attacker uses multiple transparent or opaque layers to trick a user into clicking on a button or link on another page when they were intending to click on the top level page.*

您的主机提供商可能有一个政策，以防止这种情况发生，或如果是您，您将能够修改这个默认值在您的服务器。

您可以通过Chrome为您的开发禁用此功能。