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

iFrame redirecting homepage issue on mobile

本文关键字：重定向 主页 问题 iFrame 移动      更新时间：2023-09-26

我正在使用Bootstrap模板（Freelancer）创建我的投资组合。我有一个 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 吗？

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

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

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。

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

顺便说一下，喜欢这个网站。

相关文章：