获取当前页面html代码,从chrome扩展获取当前页面的源HTML

将脚本注入要从中获取源的页面并将其发送回弹出窗口....

的manifest.json

{

"name": "Get pages source",

"version": "1.0",

"manifest_version": 2,

"description": "Get pages source from a popup",

"browser_action": {

"default_icon": "icon.png",

"default_popup": "popup.html"

},

"permissions": ["tabs", ""]

}

popup.html

Injecting Script....

popup.js

chrome.runtime.onMessage.addListener(function(request, sender) {

if (request.action == "getSource") {

message.innerText = request.source;

}

});

function onWindowLoad() {

var message = document.querySelector('#message');

chrome.tabs.executeScript(null, {

file: "getPagesSource.js"

}, function() {

// If you try and inject into an extensions page or the webstore/NTP you'll get an error

if (chrome.runtime.lastError) {

message.innerText = 'There was an error injecting script : \n' + chrome.runtime.lastError.message;

}

});

}

window.onload = onWindowLoad;

getPagesSource.js

// @author Rob W

// Demo: var serialized_html = DOMtoString(document);

function DOMtoString(document_root) {

var html = '',

node = document_root.firstChild;

while (node) {

switch (node.nodeType) {

case Node.ELEMENT_NODE:

html += node.outerHTML;

break;

case Node.TEXT_NODE:

html += node.nodeValue;

break;

case Node.CDATA_SECTION_NODE:

html += '';

break;

case Node.COMMENT_NODE:

html += '';

break;

case Node.DOCUMENT_TYPE_NODE:

// (X)HTML documents are identified by public identifiers

html += " + node.name + (node.publicId ? ' PUBLIC "' + node.publicId + '"' : '') + (!node.publicId && node.systemId ? ' SYSTEM' : '') + (node.systemId ? ' "' + node.systemId + '"' : '') + '>\n';

break;

}

node = node.nextSibling;

}

return html;

}

chrome.runtime.sendMessage({

action: "getSource",

source: DOMtoString(document)

});