获取 iframe 的全部内容

Question

如何获取iframe的完整内容？ iframe内容位于同一域中。 我需要有原始格式的内容。 我试过这样的事情：

var iframe_content = document.getElementById("wwwScreen").contentWindow.document.documentElement.outerHTML

这会以错误的格式返回内容，例如

<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

我需要格式正确的内容，例如

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

我也尝试过XMLSerializer但我遇到了同样的情况。 返回的内容应该是一个字符串

Answer 1

格式将取决于屏幕的大小，或者在您的情况下取决于 iframe 的大小，因此只需将 iframe 的高度和宽度设置为 100% 以使其适合您的屏幕，除了 % 而不是 px 对高度不起作用screen 除非你使用这个函数来计算你的屏幕的高度：

function takeHeight(){
  var myHeight = 0;
  if( typeof( window.innerHeight ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && (document.documentElement.clientHeight) ) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && (document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
  return myHeight;
}

该函数返回屏幕的高度，将 iframe 的高度和宽度设置为如下所示：

MyIframe.style.height = takeHeight() + 'px';
MyIframe.style.width = '100%';

那应该这样做。