Question

我使用Bootstrap模板（Freelancer）创建我的投资组合。我有一个iFrame嵌入，显示一个电子目录（位于弹出式灯箱）。出于某种原因，在智能手机设备上打开我的网站时，该页面会自动重定向到iFrame网站的全屏版本，而不会提示或触摸。我已经尝试了沙盒＆＃39;标签，它似乎不起作用，但也许我使用它错了。为了澄清，网站/ 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以防止窗口自动打开？如果是这样，我该如何实现呢？应该＆＃39;沙盒＆＃39;有效吗？我应该在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;
}

如果useragent与android / iphone / ipad匹配，则此JS将父页面（您的页面[顶部窗口]）重定向到另一个URL。

Answer 2

只需将其设为链接的静态图像即可。否则，您需要编写脚本来检测位置更改尝试并覆盖它。此外，iframe正在搞乱框架页面的分析，将您网站上的每个页面视图计算为框架页面的视图。

顺便爱上这个网站。

iFrame在移动设备上重定向主页问题

2 个答案: