iFrames不能在手机或平板电脑上加载

我一直无法find有效的答案。 我有一个iframe(是的,我必须在这种情况下使用iframe)在PC上正常工作,但不会在手机或平板电脑上加载。

页面上有一些Javascript,但删除它并不能解决问题。 我也尝试更改从百分比到固定值的iframe高度和宽度。 我也尝试从除了src以外的iframe中删除所有的属性,它仍然不加载iframe中的任何东西。

下面是我的页面的简化版本,使用我已经能够从其他build议find。

 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta content='width=device-width, initial-scale=1.0' name='viewport'> <style type="text/css"> body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: visible; } #content { position:absolute; left: 0; right: 0; bottom: 0; top: 0px; } </style> </head> <body> <script type="text/javascript"> function onFrameLoad() { do stuff }; </script> <div id="content"> <iframe onload="onFrameLoad(this)" id="app" src="https://subdomain.mydomain.com" frameborder="0" height="100%" width="100%"></iframe> </div> </body> </html> 

任何人都可以告诉我为什么它不适用于移动? 谢谢

更新:清除平板电脑上的浏览器caching修复它,但在手机上做同样的事情没有做任何事情。 我也尝试使用我的朋友的iPhone(他们从来没有访问过的网站之前),它没有加载。

我试图在iframe中显示的url在我的手机上的w3schools等演示网站上的iframe中工作,所以它不是x-frame options或浏览器,不允许任何iframe问题(尽pipex-框选项会阻止它在所有设备上工作,但我已经检查了所有我能想到的)

如果需要,我可以通过消息提供实时示例url。

我面临类似的问题与iframe和跨WebView的iOS跨域访问。 问题是Cookie导致问题。

问题是UIWebView的Cookie安全策略(HTTPCookieAcceptPolicy),以前默认为NSHTTPCookieAcceptPolicyAlways。

但从iOS 7,它默认为NSHTTPCookieAcceptPolicyOnlyFromMainDocumentDomain,打破我的应用程序。

你的问题看起来不一样,但可能是在相似的线上。

问题是因为我怀疑 – iframe的URL调用一些不安全的元素和某些浏览器在手机和平​​板电脑(和桌面上的Firefox)不显示任何内容如果内容混合安全和不安全(我的域名是所有的https)。

现在,这些已经修复,一切都被安全地托pipe/调用,完全清除caching并重新加载页面,即使在移动浏览器上也能解决问题。

在平板电脑而不是移动平台上工作的原因完全取决于时间,当不同的元素https链接被打破(redirect到http),以及不同的页面被caching。