iframe在ios宽度扩大解决方案

样式


html

非跨域

$("#iframe")[0].onload = function () {
    iosIframeWidthBug();
};
function iosIframeWidthBug() {
    if (!navigator.userAgent.match(/iPad|iPhone/i)) {
        return false;
   }
   var iframebody = document.getElementById('iframe').contentWindow.document.body;
   iframebody.style.width = document.body.clientWidth + 'px';
}

不跨域以上方法可以完美解决,但是在跨域的情况下,就会报:game:105 Uncaught DOMException: Blocked a frame with origin "http://xxx" from accessing a cross-origin frame.以下是跨域的解决方法:

跨域
a网站主页


b网站子页


你可能感兴趣的:(iframe在ios宽度扩大解决方案)