使用HTML embed标签嵌入网页时提示support.google.com拒绝连接如何解决

报错成因 #

• 你要嵌入的http://testscib.unaux.com/form.html页面内部存在跳转逻辑，或是加载了Google域名下的嵌套资源（比如Google表单、Google认证组件、Google相关第三方工具），Google官方域名默认配置了X-Frame-Options: DENY和Content-Security-Policy: frame-ancestors 'none'安全响应头，明确禁止其他网站通过embed、iframe等标签嵌入其页面，浏览器识别到该安全策略后就会触发拒绝连接的报错。
• 你提到的页面按钮关联的PHP文件如果存在跳转到Google服务的逻辑（比如第三方登录、表单提交后触发Google验证），也会触发该报错。
• 若你自己的站点和待嵌入页面跨域，且待嵌入页面本身也配置了禁止跨域嵌入的安全头，同样会出现同类报错，但你当前报错明确指向Google域名，因此核心原因是前者。

解决方案 #

若待嵌入的form.html为你可控的页面 #

• 排查页面内所有资源引用、跳转逻辑，移除嵌套加载的Google相关组件，若必须使用Google服务，改为点击后新窗口打开的形式，不要在embed框架内直接加载。
• 检查关联的PHP文件逻辑，将涉及Google服务的跳转逻辑从同步页面跳转改为前端异步调用，或是触发时弹出新窗口加载，避免在嵌入框架内直接跳转至Google域名。
• 在form.html的服务端配置跨域嵌入许可头：添加X-Frame-Options: ALLOW-FROM [你的站点域名]，或是配置CSP头Content-Security-Policy: frame-ancestors [你的站点域名];，允许你的站点嵌入该页面。

若待嵌入的form.html为不可控的第三方页面 #

• 放弃嵌入方案，改为设置跳转按钮引导用户到原页面操作，完成后再跳转回你的站点。
• 若确需嵌入，联系页面所有者调整上述安全策略与Google资源加载逻辑。

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