Chrome 扩展 - 获取当前选项卡的全部文本内容

Question

我正在开发一个扩展，我需要获取当前选项卡上的整个文本内容。现在我有一个插件可以从当前选项卡中检索选定的文本。所以，本质上我正在寻找它的 ctrl-A 版本:)。这就是我到目前为止根据@Derek 的提示所做的事情。

这是在我的事件处理程序中（这只是一个，还有其他侦听器用于 onUpdated 等）：

chrome.tabs.onSelectionChanged.addListener(function(tabId,changeInfo,tab) {
  chrome.tabs.getSelected(null,function(tab) {
    chrome.tabs.sendRequest(tab.id, {method: "getSelection"}, function (response) {
      selectedtext = response.data;
    });
    chrome.tabs.sendRequest(tab.id, {method: "getText"}, function (response) {
      alltext = response.data;
    });
  });
});

这是我在内容脚本中编写的内容：

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
  if (request.method == "getSelection")
    sendResponse({data: window.getSelection().toString()});
  else if (request.method == "getText")
    sendResponse({data: document.body.innerText});
  else 
    sendResponse({});
});

但是 document.body. innerText 返回未定义。我需要 alltext 中当前选项卡的完整文本。有人可以帮我解决这个问题吗？ 谢谢。

Answer 1

您可以使用 document.body.innerText 或 document.all[0].innerText 在 内容脚本。
它将获取页面中的所有文本内容，无需任何 HTML 代码。

或者您可以使用 document.all[0].outerHTML 获取整个页面的 HTML。

---

示例

在内容脚本中

function getText(){
    return document.body.innerText
}
function getHTML(){
    return document.body.outerHTML
}
console.log(getText());             //Gives you all the text on the page
console.log(getHTML());             //Gives you the whole HTML of the page

---

添加

因此您希望内容脚本将文本返回到弹出窗口。您可以使用：

• chrome.tabs.getSelected 来选择选项卡，
• chrome.tabs.sendRequest 将请求发送到内容脚本，
• 以及 chrome.extension。 onRequest.addListener 监听请求。

弹出页面

chrome.tabs.getSelected(null, function(tab) {
    chrome.tabs.sendRequest(tab.id, {method: "getText"}, function(response) {
        if(response.method=="getText"){
            alltext = response.data;
        }
    });
});

内容脚本

chrome.extension.onRequest.addListener(
    function(request, sender, sendResponse) {
        if(request.method == "getText"){
            sendResponse({data: document.all[0].innerText, method: "getText"}); //same as innerText
        }
    }
);

这应该可行。

Answer 2

使用 executeScript：（需要权限 activeTab）

chrome.tabs.executeScript(null, {
    code: `document.all[0].innerText`,
    allFrames: false, // this is the default
    runAt: 'document_start', // default is document_idle. See https://stackoverflow.com/q/42509273 for more details.
}, function(results) {
    // results.length must be 1
    var result = results[0];
    process_result(result);
});

如果代码很复杂，可以在内容脚本中定义一个函数并在代码中调用该函数（或使用文件）。