獲取 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%';

那應該這樣做。