谷歌插件v3注入css样式

谷歌插件，通常指Google Chrome浏览器插件（Chrome Extensions），其V3版本允许开发者通过JavaScript直接操作页面元素并注入CSS样式。在V3 API中，你可以使用`chrome.runtime.sendMessage()`来发送消息给背景脚本（background script），这个脚本可以加载和管理CSS资源。

以下是基本步骤：

1. **创建background.js**：这是你的后台脚本，用于接收消息并处理CSS注入。例如：

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.action === 'injectCSS') {
      const style = document.createElement('style');
      style.textContent = request.css;
      document.head.appendChild(style);
    }
  });

在这个例子中，当接收到`action: 'injectCSS'`的消息，并附带CSS内容时，会创建一个新的`<style>`标签并将其插入到文档头部。

2. **在content scripts中触发CSS注入**：在你的content script（如HTML文件中的script标签）里，你需要向背景脚本发送消息。例如：

chrome.tabs.executeScript({
  code: `
    chrome.runtime.sendMessage({ action: 'injectCSS', css: '.my-class { color: red; }' });
  `,
});

这里发送了一个包含你想注入的CSS规则的对象，`.my-class { color: red; }`会被应用到所有匹配`.my-class`的选择器上。