Google Drive文件嵌入iframe遇X-Frame-Options SAMEORIGIN错误

嘿，这个问题我之前帮不少开发者踩过坑！你遇到的是Google Drive嵌入时的跨域安全限制问题——现在Google对未登录用户的iframe嵌入做了更严格的策略限制，直接用原来的viewer链接会触发浏览器的X-Frame-Options或CSP（内容安全策略）拦截，导致无法正常加载，甚至弹出错误提示。

下面给你几个可行的解决方案，按可靠性排序：

1. 使用Google官方的「发布到网络」嵌入代码（最推荐） #

这是Google提供的官方嵌入方式，兼容性拉满，不会触发跨域拦截：

• 打开你要嵌入的Google Drive文件（文档/PDF/表格都适用）
• 点击顶部菜单栏的「文件」→「发布到网络」
• 在弹出的窗口里，选择你要嵌入的内容类型（比如PDF选「整个文档」，表格选特定工作表），调整好尺寸设置
• 点击「发布」，然后复制生成的iframe代码直接替换到你的网站里

示例代码（以文档为例）：

<iframe src="https://docs.google.com/document/d/e/[你的文档ID]/pub?embedded=true" style="width:100%; height:92vh; border:none;"></iframe>

2. 确保文件共享权限设置正确 #

如果还是想用你原来的viewer链接，首先得把文件的共享权限调整为允许未登录用户查看：

• 打开文件，点击右上角的「共享」按钮
• 把权限设置为「任何有链接的人」，权限级别选择「查看者」
• 保存设置后，刷新你的网站页面，未登录用户应该就能正常加载了

3. 给原有viewer链接添加&output=embed参数（备选方案） #

如果不想改权限或用官方发布链接，可以试试在原有URL末尾加上&output=embed参数，强制启用嵌入模式：

<iframe src="https://docs.google.com/viewer?srcid=[FILE ID]&pid=explorer&efh=false&a=v&chrome=false&embedded=true&output=embed" style="width: 100%; height: 92vh;border: none;"></iframe>

不过这个方法的稳定性不如官方方案，后续Google调整策略可能会失效，只能临时救急。

额外说明 #

如果你的文件是敏感内容，不想公开给所有用户，那未登录用户确实无法通过iframe查看——这时候可以在页面上添加提示，引导用户登录Google账号，或者考虑将文件上传到自己的服务器，直接嵌入文件URL来避开跨域限制。

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