javascript - 移动设备上的 iFrame 重定向主页问题

Question

我正在使用 Bootstrap 模板(自由职业者)创建我的作品集。我有一个嵌入的 iFrame，可以显示电子目录(位于弹出灯箱中)。由于某种原因，当在智能手机设备上打开我的网站时，页面会自动重定向到 iFrame 网站的全屏版本，而没有任何提示或触摸。我尝试过“沙箱”标签，但它似乎不起作用，但也许我使用错误。需要澄清的是，站点/iFrame 嵌入在桌面上加载良好，但在移动设备上它会重定向主页。

这是 iFrame 代码:

<iframe src="http://www.zoomcatalog.com/catalogs/kts-spring-2014/" width="100%" height="630px" frameborder="0" scrolling="no"></iframe>

网站是http://www.danieltomasku.net

我需要添加一些 JavaScript 来防止窗口自动打开吗？如果是这样，我该如何实现？ “沙盒”应该有效吗？我应该在 iFrame 周围放置一个 div 吗？

如有任何帮助，我们将不胜感激。如果您需要更多信息/代码，请告诉我。谢谢。

Answer 1

您正在打开的网站包含以下内容:

var iRegex = /android|(iP(hone|ad))/i;
if(iRegex.test(navigator.userAgent)){
 var url= "<...>" + window.location.hash;
 if(true) top.location=url; else window.location=url;
}

如果用户代理与 android/iphone/ipad 匹配，此 JS 会将父页面(您的页面 [顶部窗口])重定向到另一个 URL。