Question

http://fc.wx198.cn/ideaidev/wxsite/14/index.html

我在Android上运行此网页。

我的手机是Nexus 4＆amp; Android 4.4。

我的手机和iphone浏览器完全可以使用该网页。

但是当我的同事在他们的手机上打开那个页面时（Android 4.1 / 4.2等等）

所有Android手机版本低于4.4。

你可以看到该页面中有一个iframe。 iframe没有显示！

我无法弄明白为什么。求助。

Answer 1

我做了一些搜索，似乎android 4.1 / 4.2不包含内置浏览器中iframe标记的支持。您可以使用javascript和XMLHttpRequest来克服这个障碍。

为您创建容器“iframe”文档，然后在此容器中发出请求并放置响应。不幸的是，XMLHttpRequest只能加载同一域中的页面。

假设你在HTML中有id my-iframe的div，加载example.com/frame.html内容的js代码可能是这样的：

var r = new XMLHttpRequest();
r.addEventListener("load", function(){
    document.getElementById("my-iframe").innerHTML = this.responseText;
});
r.open("get", "example.com/frame.html", true);
r.send();

编辑：修复语法

Android浏览器上的iframe问题

1 个答案: