我正在为我的老板开发Chrome扩展程序,只需扫描DOM中的短语.
我需要帮助的唯一的事情是通过弹出窗口抓取DOM内容,我找不到一种返回当前选项卡的内容的方法.
I’ll be applying a 50rep bounty after two days.
解决方法
测试和正确工作：
放
"permissions": [
"tabs"
],
在你的清单
然后,在你的background.js
chrome.extension.onRequest.addListener(
function(request,sender,sendResponse) {
// LOG THE CONTENTS HERE
console.log(request.content);
});
chrome.tabs.getSelected(null,function(tab) {
// Now inject a script onto the page
chrome.tabs.executeScript(tab.id,{
code: "chrome.extension.sendRequest({content: document.body.innerHTML},function(response) { console.log('success'); });"
},function() { console.log('done'); });
});
所以本质上,我们得到当前选项卡,运行一些javascript,获取innerHTML并将其传递给我们.我们在回调中酌情解释响应.
注意这样做很少检查错误,所以你可能想要刷新message passing和tabs API.
编辑：我已经尝试过,它的工作正常.要轻松尝试,只需创建一个新的空扩展名,并给它“选项卡”权限和背景页面.然后从chrome：// extensions去检查background.html,然后转到控制台.复制下面的代码,设置chrome.tabs.getSelected的嵌套超时几秒钟.当您单击“输入”以执行JS时,快速单击某个其他选项卡.等待你的超时然后回去检查background.html.您点击的页面的HTML将打印到控制台.
另一个编辑：一般来说,访问当前选项卡DOM作为一个事件似乎可能是一个坏的模型(这可能是为什么没有一个很好的本机方式来做到这一点).您是否考虑使用chrome.tabs.onUpdated或content scripts在加载/更改DOM时普遍做某些事情？