从chrome扩展程序访问当前的html页面

Chrome 扩展程序 是一种可增强浏览器功能的第三方软件。通过扩展程序，用户可以在 Google Chrome 浏览器中添加额外的功能，例如自定义网站界面、实现某些特定功能或解决某些问题。

访问当前的 HTML 页面 是指通过 Chrome 扩展程序访问当前 HTML 页面。这通常用于在浏览器中执行某些操作，例如自动刷新页面、快速编辑页面内容等。

要访问当前的 HTML 页面，你需要使用 Chrome 扩展程序中的 chrome.tabs API。以下是一个示例代码：

chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
  chrome.tabs.sendMessage(tabs[0].id, { action: "get_html_content" });
});

在上面的代码中，我们使用 chrome.tabs.query 方法查询当前活跃的标签页。然后，我们使用 chrome.tabs.sendMessage 方法向当前标签页发送消息，请求它提供 HTML 内容。

在接收到消息后，扩展程序可以编写如下代码，以解析并处理 HTML 内容：

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.action === "get_html_content") {
    // 获取 HTML 内容
    const htmlContent = getHtmlContent();
    // 处理 HTML 内容，例如修改样式、添加交互事件等
  }
});

在上面的代码中，我们使用 chrome.runtime.onMessage.addListener 方法监听消息，并在消息匹配时处理 HTML 内容。getHtmlContent 方法应该根据具体需求获取 HTML 内容，例如使用 document.documentElement.innerHTML 获取整个 HTML 页面内容。

最后，在获取 HTML 内容后，你可以使用 chrome.tabs.executeScript 方法在当前标签页中执行脚本，以进一步处理 HTML 内容。例如，你可以使用以下代码将页面中的所有文本内容加粗：

chrome.tabs.executeScript({ code: `document.body.innerHTML = '<b>${document.body.innerHTML}</b>';` });

在上面的代码中，我们使用 chrome.tabs.executeScript 方法在当前标签页中执行脚本，将页面中的所有文本内容加粗。