整个页面的源代码，包括 chrome 扩展中的框架

Question

问题是下面给出的链接的延续。

Getting the source HTML of the current page from chrome extension

上述网址中给出的最佳答案获取当前选项卡的源代码。但这并没有得到源代码的 iframe 里面的源代码。

如何访问整个页面的源代码，包括 chrome 扩展中的框架？

Answer 1

使用chrome.tabs.executeScript 的allFrames: true 参数将代码注入所有帧。回调函数将接收一个包含所有帧结果的数组：

popup.js：

chrome.tabs.executeScript({
    allFrames: true,
    code: 'JSON.stringify({ \
                url: location.href, \
                html: document.documentElement.innerHTML \
           })'
}, function(results) {
    if (chrome.runtime.lastError || !results || !results.length) {
        console.log("Some error occurred", chrome.runtime.lastError);
    } else {
        results.forEach(function(str, index) {
            var info = JSON.parse(str);
            console.log("Frame #%d | %s | %s", 
                index, info.url, info.html.substr(0, 200) + "...");
        });
    }
});