首页 > 解决方案 > 链接和按钮在 AMP iframe 组件中不起作用

问题描述

我有一个服务于客户的 amp-iframe,这个 amp-iframe 中的链接和按钮有一个意想不到的行为,它们根本不工作。一个是运行 Javascript 功能的按钮,另一个只是一个<a href="">锚。

对于按钮我有这个错误:

未捕获的 DOMException:无法在“位置”上设置“href”属性:当前窗口无权将目标框架导航到我的位置

对于锚,我有:

不安全的 JavaScript 会尝试从 URL为 amp-iframe origin的框架中启动具有 origin origin的框架的导航。尝试导航的框架是沙盒的,因此不允许导航其祖先。

这是我的 amp-iframe 集成的示例代码:

<amp-iframe
width="200"
height="850"
sandbox="allow-scripts allow-same-origin allow-top-navigation"
layout="responsive"
frameborder="0"
src="https://api.mysite.fr/XXX.html"
>


<div placeholder>
     Error
</div>


</amp-iframe>

有什么想法可以解决这个问题吗?

标签: iframeamp-htmlamp-iframe

解决方案


推荐阅读