谷歌浏览器微信扫码登陆报错的问题

最新推荐文章于 2024-08-23 16:27:08 发布

原创最新推荐文章于 2024-08-23 16:27:08 发布 · 1w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #javascript

js，ifame 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决微信扫码登录过程中遇到的iframe导航错误的方法。通过设置iframe的sandbox属性，允许同源、顶级窗口导航及脚本运行，成功解决了谷歌浏览器调试时出现的导航异常。

Unsafe JavaScript attempt to initiate navigation for frame with URL 'http://www.xxx.xxx/' from frame with URL "https://open.weixin.com/xxxxxxx" The frame attempting navigation is targeting its top-level window, but is neither same-origin with its target nor is it processing a user gesture

今天在开发微信扫码登陆的时候，在谷歌浏览器调试的时候遇到了这样一个问题，后来查了半天，才发现原来是iframe的问题，

iframe 有个属性sandbox

allow-same-origin	允许 iframe 内容被视为与包含文档有相同的来源。
allow-top-navigation	允许 iframe 内容从包含文档导航（加载）内容。
allow-forms	允许表单提交。
allow-scripts	允许脚本执行。

加上这个代码之后sandbox="allow-scripts allow-top-navigation allow-same-origin"，刷新页面再测，就没问题了，可以正常跳转了