我想使用chrome.commands在我的chrome扩展中进行DOM操作

{
  "manifest_version": 2,
  "name": "Your Extension",
  "version": "1.0",
  "permissions": [
    "commands"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "commands": {
    "performDOMOperation": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "Command+Shift+F"
      },
      "description": "Perform DOM Operation"
    }
  },
  "browser_action": {
    "default_popup": "popup.html"
  }
}

chrome.commands.onCommand.addListener(function(command) {
  if (command === "performDOMOperation") {
    // 执行你的DOM操作代码
    // 例如，修改页面中某个元素的内容
    chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
      chrome.tabs.sendMessage(tabs[0].id, { action: "performDOMOperation" });
    });
  }
});

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.action === "performDOMOperation") {
    // 执行你的DOM操作代码
    // 例如，修改页面中某个元素的样式
    document.getElementById("elementId").style.color = "red";
  }
});