个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
25
4
我一直没能找到有效的答案。我有一个 iframe(是的，这次我必须使用 iframe)在 PC 上运行良好，但根本无法在手机或平板电脑上加载。
页面上有一些 Javascript，但删除它并不能解决问题。我还尝试将 iframe 的高度和宽度从百分比更改为固定值。我还尝试从 iframe 中删除除 src 之外的所有属性，但它仍然没有在 iframe 中加载任何内容。
下面是我的页面的简化版本，使用了我从其他建议中找到的内容。
<!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>
谁能告诉我为什么它不能在移动设备上运行？谢谢
更新:清除平板电脑上的浏览器缓存解决了这个问题，但在移动设备上执行相同操作没有任何作用。我还尝试使用我 friend 的 iPhone(他们以前从未访问过该网站)但没有加载。
我尝试在 iframe 中显示的 URL 在我手机上的 w3schools 等演示网站的 iframe 中有效，因此它不是 x-frame options 或浏览器不允许任何 iframe 问题(尽管 x -frame 选项会阻止它在所有设备上运行，但我已经检查了我能想到的所有内容)
如果需要，我可以通过消息提供一个实时示例 URL。
最佳答案
问题如我所料 - iframe 的 URL 正在调用一些不安全的元素，并且如果内容混合在安全和非安全之间，则移动和平板电脑上的某些浏览器(以及桌面上的 Firefox)不会显示任何内容(我的域名都是 https)。
现在这些都已修复并且所有内容都已安全托管/调用，完全清除缓存并重新加载页面可以解决问题，即使在移动浏览器上也是如此。
它在平板电脑而不是移动设备上运行的原因完全取决于时间安排、不同元素 https 链接何时断开(改为重定向到 http)以及不同页面何时被缓存。
关于android - iFrame 无法在手机或平板电脑上加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45117519/
25
4
0
我的应用程序中有两个 Activity 。第一个 Activity 启动模式是 singleInstance，第二个 Activity 启动模式是 singleTask。我正在使用这些启动模式，因为我
据热心网友投稿，小米小爱触屏音箱Pro 8外观曝光，可以看到触控屏幕尺寸比较大，像是在音箱上“长”了一个平板。 从曝光的信息来看，小米小爱触屏音箱Pro 8具有白色的配色设计，下方有一个长
我有一张 table ，看起来像， VisitorId date deviceType 1 2018-12-11 mobile 2
今天下午，小米官方公布了小爱触屏音箱Pro 8，可以看到触控屏幕尺寸比较大，音箱上“长”了一个平板。据悉，小米小爱触屏音箱Pro 8具有白色的配色设计，下方有一个长条状的扬声器，上方带有一个尺寸比较
有没有办法检测是否使用手持浏览器(iOS/Android 手机/平板电脑)？ 我尝试这样做的目的是让手持设备上的浏览器中的元素宽度减半，但这并没有什么不同。 width: 600px; @media
目前，Google Analytics for web 公开了一个设备类别字段，其离散值为mobile、tablet 和desktop。该界面还允许您更深入地了解它的具体设备。我想 Google 有某
我是一名优秀的程序员,十分优秀！