轉儲包含iframe的頁面的HTML

Question

我想轉儲網頁的HTML內容，其中包括元素中包含的iframe的HTML。 Chrome開發者工具「元素」標籤能夠顯示以這種方式嵌入的iframe。

當我說「轉儲HTML內容」時，我對Selenium或PhantomJS等瀏覽器自動化工具感興趣。這些工具中是否有這種內置的容量？

例如，我希望this page的HTML轉儲應該包含this embedded page的HTML源代碼。

Answer 1

您可以使用phantomjs實現這一

這裏是幻象JS服務器代碼的代碼片段。

var system = require('system'); 
var url = system.args[1] || ''; 
if(url.length > 0) { 
    var page = require('webpage').create(); 
    page.open(url, function (status) { 
    if (status == 'success') { 
     var delay, checker = (function() { 
     var html = page.evaluate(function() { 
      var body = document.getElementsByTagName('body')[0]; 
      if(body.getAttribute('data-status') == 'ready') { 
      return document.getElementsByTagName('html')[0].outerHTML; 
      } 
     }); 
     if(html) { 
      clearTimeout(delay); 
      console.log(html); 
      phantom.exit(); 
     } 
     }); 
     delay = setInterval(checker, 100); 
    } 
    }); 
} 

上的HTML

使用「數據狀態」屬性，讓phantomjs知道什麼時候該頁面已準備就緒如果HTML是屬於你的。如果html頁面不屬於你，另一個選擇是使用一個很好的超時。