使用Chrome扩展API以编程方式更改Chrome选项卡颜色

是通过开发Chrome扩展来实现的。Chrome扩展是一种可以增强Chrome浏览器功能的插件，可以通过JavaScript编程来操作浏览器的各种功能。

要更改Chrome选项卡颜色，可以按照以下步骤进行：

创建一个Chrome扩展项目：在Chrome浏览器中输入chrome://extensions/，打开扩展管理页面，点击"加载已解压的扩展程序"，选择一个文件夹作为项目目录。
在项目目录中创建一个manifest.json文件，用于描述扩展的配置信息。在manifest.json中添加以下内容：

{
  "manifest_version": 2,
  "name": "Change Tab Color",
  "version": "1.0",
  "permissions": [
    "tabs"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "browser_action": {
    "default_popup": "popup.html"
  }
}

创建一个background.js文件，用于处理扩展的后台逻辑。在background.js中添加以下代码：

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
  if (changeInfo.status === 'complete') {
    chrome.tabs.executeScript(tabId, { code: 'document.body.style.backgroundColor = "red";' });
  }
});

这段代码的作用是在每次选项卡加载完成后，将选项卡的背景颜色设置为红色。

创建一个popup.html文件，用于显示扩展的弹出窗口。在popup.html中添加以下内容：

<!DOCTYPE html>
<html>
<head>
  <title>Change Tab Color</title>
  <script src="popup.js"></script>
</head>
<body>
  <button id="changeColorButton">Change Tab Color</button>
</body>
</html>

创建一个popup.js文件，用于处理弹出窗口的逻辑。在popup.js中添加以下代码：

document.getElementById('changeColorButton').addEventListener('click', function() {
  chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
    chrome.tabs.executeScript(tabs[0].id, { code: 'document.body.style.backgroundColor = "blue";' });
  });
});

这段代码的作用是在点击按钮时，将当前选项卡的背景颜色设置为蓝色。