使用“iframe”显示 LinkedIn 内容
Displaying LinkedIn content with `iframe`
我正在制作我的网站，我想将我的 LinkedIn 个人资料放在 Bio 部分。但是，当我使用 iframe 时，我发现 LinkedIn 拒绝连接。有没有办法使用 HTML 将我的 LinkedIn 个人资料嵌入我的网站？谢谢！
<iframe src="https://www.linkedin.com/in/your-name"></iframe> 产量：
现在的浏览器通过期望 iframe 仅构建来自同一站点的页面来防止这种情况发生。这是为了防止点击劫持。它是通过 X-Frame-Options header 控制的。你应该在开发工具上看到类似的错误，如果你按 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 为您的开发禁用此功能。
LinkedIn 允许您创建一个徽章，并将该徽章放在您的 portfolio/website 中。因此，要制作 LinkedIn 徽章，请按照以下步骤操作：
- 在您的 LinkedIn 个人资料中，点击联系人数量旁边的
Contact Info。
- 然后点击右上角的钢笔编辑
Contact Info。
- 首先您会注意到您的 LinkedIn 个人资料 link。点击它。
- 将打开一个新页面，您会在页面右侧看到一列，在其末尾，您会找到一个标题为
Public Profile badge 和 Create a badge 的框底部的按钮。单击该按钮。
- 复制
script 标签并将其粘贴到 HTML sheet. 的底部
- 向下滚动，您会发现 4 种徽章设计。 Select 正确的那个，从底部复制代码并将其粘贴到您想要共享徽章的位置。
我知道这是一段漫长的旅程，但这是值得的。
注意： 您的 LinkedIn 个人资料 link 将始终在当前选项卡中打开，即使您向 a 标签添加属性 target="_blank" rel="noopener noreferrer"。如果要在新选项卡中打开 link，请将这行代码放在 HTML sheet <base target="_blank" /> 开头的 head 标记内.
另一个重要提示：将 base 标签放入 head 标签后，每个 a 标签都在 sheet 将默认在新选项卡中打开。
编码愉快，祝你好运
我正在制作我的网站，我想将我的 LinkedIn 个人资料放在 Bio 部分。但是，当我使用 iframe 时，我发现 LinkedIn 拒绝连接。有没有办法使用 HTML 将我的 LinkedIn 个人资料嵌入我的网站？谢谢！
<iframe src="https://www.linkedin.com/in/your-name"></iframe> 产量：
现在的浏览器通过期望 iframe 仅构建来自同一站点的页面来防止这种情况发生。这是为了防止点击劫持。它是通过 X-Frame-Options header 控制的。你应该在开发工具上看到类似的错误，如果你按 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 为您的开发禁用此功能。
LinkedIn 允许您创建一个徽章，并将该徽章放在您的 portfolio/website 中。因此，要制作 LinkedIn 徽章，请按照以下步骤操作：
- 在您的 LinkedIn 个人资料中，点击联系人数量旁边的
Contact Info。 - 然后点击右上角的钢笔编辑
Contact Info。 - 首先您会注意到您的 LinkedIn 个人资料 link。点击它。
- 将打开一个新页面，您会在页面右侧看到一列，在其末尾，您会找到一个标题为
Public Profile badge和Create a badge的框底部的按钮。单击该按钮。 - 复制
script标签并将其粘贴到 HTML sheet. 的底部
- 向下滚动，您会发现 4 种徽章设计。 Select 正确的那个，从底部复制代码并将其粘贴到您想要共享徽章的位置。
我知道这是一段漫长的旅程，但这是值得的。
注意： 您的 LinkedIn 个人资料 link 将始终在当前选项卡中打开，即使您向 a 标签添加属性 target="_blank" rel="noopener noreferrer"。如果要在新选项卡中打开 link，请将这行代码放在 HTML sheet <base target="_blank" /> 开头的 head 标记内.
另一个重要提示：将 base 标签放入 head 标签后，每个 a 标签都在 sheet 将默认在新选项卡中打开。
编码愉快，祝你好运