chrome扩展程序,用于读取活动选项卡的html代码

时间:2016-02-03 15:48:27

标签: javascript google-chrome google-chrome-extension

我一直在这个网站上搜索这个主题,但是无法真正找到解决方案来尝试实现我想要做的事情。

我正在开发一个chrome扩展程序,单击一个按钮会在变量中输入我在活动选项卡中打开的网页的来源,但每当我尝试执行此操作时,我都会获得弹出的html内容html的

我的 manifest.json 文件如下所示:

{
  "manifest_version": 2,

  "name": "Project Daphne",
 "description": "Test Extension",
 "version": "1.0",

"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": [
 "activeTab",
"<all_urls>",
"cookies",
"tabs",
"http://*/",
"https://*/"
]

我的 popup.html 文件是这样的:

<!doctype html>
<html>
<head>
<title>Project Daphne</title>
<script src="popup2.js"></script>
</head>
<body>
<h1>Daphne</h1>
<button id="checkPage">Use this profile!</button>
</body>
</html>

我的 popup2.js 文件如下所示:

document.addEventListener('DOMContentLoaded', function() {
var checkPageButton = document.getElementById('checkPage');
checkPageButton.addEventListener('click', function() {

chrome.tabs.getSelected(null, function(tab) {
var pagesource = document.documentElement.outerHTML;
d = document;
var f = d.createElement('form');
var i = d.createElement('input');
i.name = 'url';
i.value = pagesource; //modified with new --- debugger
f.appendChild(i);
d.body.appendChild(f);
    });
  }, false);
}, false);

我遇到的问题是:var pagesource = document.documentElement.outerHTML;

我希望它能够检索活动标签的HTML代码,但它会提供popup.html的HTML代码

有人可以帮助我吗?

提前感谢您的帮助和对我的耐心:)

0 个答案:

没有答案