我正在为我的老板开发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时普遍做某些事情?