Instagram设置X-Frame-Options:DENY致嵌入脚本失效，如何无API嵌入帖子？

1. X-Frame-Options: deny是否为有意设置？ #

是的，这是Instagram近期主动调整的安全策略，目的是防止未经授权的第三方网站直接通过iframe嵌套Instagram内容，提升用户数据和内容的安全性。

2. 无需API嵌入单条Instagram帖子的方法 #

目前仍可通过官方提供的嵌入方案实现，无需调用API，具体步骤如下：

方法一：使用官方嵌入生成工具 #

• 打开目标Instagram帖子，点击右上角的「分享」按钮
• 选择「嵌入」选项，复制生成的完整代码段
• 将代码直接粘贴到你的网站页面中即可，这段代码包含<blockquote>标签和官方嵌入脚本，会自动适配新的安全策略加载内容

方法二：手动构造嵌入代码 #

如果你想手动编写代码，可按以下格式构造：

1. 添加带属性的blockquote标签：

   <blockquote class="instagram-media" 
               data-instgrm-permalink="https://www.instagram.com/p/你的帖子ID/" 
               data-instgrm-version="14">
   </blockquote>
   

   替换你的帖子ID为目标帖子的实际ID，确保data-instgrm-permalink指向正确的帖子链接。

2. 引入官方嵌入脚本：

   <script async src="//www.instagram.com/embed.js"></script>
   

错误原因说明 #

你遇到的The loading of [URL] in a frame is denied by “X-Frame-Options“ directive set to “deny“错误，是因为直接使用iframe嵌套Instagram内容的方式已被新的安全策略阻止。而官方的embed.js脚本会通过合法的动态加载逻辑，绕过X-Frame-Options的限制，确保内容正常显示。

内容的提问来源于stack exchange，提问作者Simos Fasouliotis