cdp-tunnel 1.0.9 → 1.0.11

package/console-test.js

@@ -0,0 +1,52 @@
+// 测试标签分组功能的脚本
+// 复制到Chrome扩展的控制台中运行
+
+// 1. 测试查询现有标签组
+console.log('Testing tab group functionality...');
+chrome.tabGroups.query({ title: 'lo' }, function(groups) {
+  console.log('Found tab groups:', groups);
+  
+  // 2. 测试创建新标签
+  chrome.tabs.create({ url: 'https://www.baidu.com/', active: false }, function(tab) {
+    console.log('Created tab:', tab);
+    
+    if (groups.length > 0) {
+      // 添加到现有组
+      console.log('Adding tab to existing group...');
+      chrome.tabs.group({ tabIds: tab.id, groupId: groups[0].id }, function(groupId) {
+        console.log('Added tab to group:', groupId);
+      });
+    } else {
+      // 创建新组并添加标签页
+      console.log('Creating new group and adding tab...');
+      chrome.tabs.group({ tabIds: tab.id }, function(groupId) {
+        console.log('Created group:', groupId);
+        // 更新组的标题和颜色
+        if (groupId) {
+          chrome.tabGroups.update(groupId, {
+            title: 'lo',
+            color: 'blue'
+          }, function(group) {
+            console.log('Updated group:', group);
+          });
+        }
+      });
+    }
+  });
+});
+
+// 3. 测试现有标签的分组
+chrome.tabs.query({ active: true }, function(tabs) {
+  if (tabs.length > 0) {
+    console.log('Current active tab:', tabs[0]);
+    
+    chrome.tabGroups.query({ title: 'lo' }, function(groups) {
+      if (groups.length > 0) {
+        console.log('Adding current tab to group...');
+        chrome.tabs.group({ tabIds: tabs[0].id, groupId: groups[0].id }, function(groupId) {
+          console.log('Added current tab to group:', groupId);
+        });
+      }
+    });
+  }
+});

package/extension-new/background.js

@@ -167,14 +167,19 @@ String.prototype.hashCode = function() {
     var openerTabId = tab.openerTabId;
     var isOpenerControlled = openerTabId && State.isTabAttached(openerTabId);
     
-    // 修改逻辑：只要有 opener，就尝试处理（不管 opener 是否被控制）
-    // 因为 Playwright 创建的页面 opener 可能没有被扩展识别
+    // 只有当 opener 被 CDP 控制时才跟踪新页面
+    // 这样可以避免跟踪用户手动点击链接打开的页面
     if (!openerTabId) {
       Logger.info('[Tabs] Tab has no opener, skipping. tabId:', tabId);
       return;
     }
     
-    Logger.info('[Tabs] Tab has opener:', openerTabId, ', controlled:', isOpenerControlled, ', will attach');
+    if (!isOpenerControlled) {
+      Logger.info('[Tabs] Opener not controlled by CDP, skipping. tabId:', tabId, 'openerTabId:', openerTabId);
+      return;
+    }
+    
+    Logger.info('[Tabs] Tab has controlled opener, will attach. tabId:', tabId, 'openerTabId:', openerTabId);
     
     LocalHandler.getTargetInfoById(String(tabId)).then(function(targetInfo) {
       Logger.info('[Tabs] getTargetInfoById result:', targetInfo ? targetInfo.targetId : 'null');
@@ -209,18 +214,26 @@ String.prototype.hashCode = function() {
         
         // 将标签页添加到CDP组（添加延迟等待）
         setTimeout(function() {
-          // 获取当前CDP客户端列表
-          var cdpClients = State.getCDPClients() || [];
+          // 获取openerTabId对应的clientId
+          var openerClientId = openerTabId ? State.getClientIdByTabId(openerTabId) : null;
           var groupName;
-          
-          // 如果有CDP客户端，使用第一个客户端的ID作为组名
-          if (cdpClients.length > 0) {
-            groupName = 'CDP-' + cdpClients[0].id.substring(0, 8);
+
+          // 如果有指定的clientId，使用该clientId作为组名
+          if (openerClientId) {
+            groupName = 'CDP-' + openerClientId.substring(0, 8);
+            Logger.info('[TabGroup] Using opener clientId for group name:', groupName, 'openerTabId:', openerTabId);
           } else {
-            // 如果没有CDP客户端，使用时间戳作为组名
-            groupName = 'CDP-' + Date.now().toString(36);
+            // 回退到使用第一个CDP客户端的ID
+            var cdpClients = State.getCDPClients() || [];
+            if (cdpClients.length > 0 && cdpClients[0] && cdpClients[0].id) {
+              groupName = 'CDP-' + cdpClients[0].id.substring(0, 8);
+            } else {
+              // 如果没有CDP客户端，使用时间戳作为组名
+              groupName = 'CDP-' + Date.now().toString(36);
+            }
+            Logger.info('[TabGroup] Using fallback clientId for group name:', groupName);
           }
-          
+
           chrome.tabGroups.query({ title: groupName }, function(groups) {
             if (groups.length > 0) {
               // 找到现有的组，将标签页添加到组

package/extension-new/cdp/handler/special.js

@@ -18,6 +18,7 @@ var SpecialHandler = (function() {
   function targetAttachToTarget(context) {
     var params = context.params;
     var targetId = params && params.targetId;
+    var clientId = context.clientId;
     if (!targetId) {
       return Promise.resolve({});
     }
@@ -28,7 +29,7 @@ var SpecialHandler = (function() {
       }
 
       var isAlreadyAttached = State.isTabAttached(tabId);
-      
+
       if (isAlreadyAttached) {
         var newSessionId = CDPUtils.generateSessionId();
         State.mapSession(newSessionId, tabId, targetId);
@@ -43,9 +44,14 @@ var SpecialHandler = (function() {
 
         var sessionId = CDPUtils.generateSessionId();
         State.mapSession(sessionId, tabId, targetId);
-        
-        addTabToAutomationGroup(tabId);
-        
+
+        // 保存tabId到clientId的映射
+        if (clientId) {
+          State.setTabIdToClientId(tabId, clientId);
+        }
+
+        addTabToAutomationGroup(tabId, clientId);
+
         return { sessionId: sessionId };
       });
     });
@@ -75,6 +81,7 @@ var SpecialHandler = (function() {
     var params = context.params;
     var url = (params && params.url) || 'about:blank';
     var browserContextId = (params && params.browserContextId) || 'default';
+    var clientId = context.clientId;
 
     return new Promise(function(resolve, reject) {
       State.addPendingCreatedTabUrl(url);
@@ -85,10 +92,16 @@ var SpecialHandler = (function() {
           reject(new Error('Failed to create tab'));
           return;
         }
-        
-        // 将标签页添加到CDP Automation组
-        addTabToAutomationGroup(tab.id);
-        
+
+        // 保存tabId到clientId的映射，用于后续分组
+        if (clientId) {
+          State.setTabIdToClientId(tab.id, clientId);
+          Logger.info('[TabGroup] Mapped tabId:', tab.id, '-> clientId:', clientId);
+        }
+
+        // 将标签页添加到CDP Automation组，使用对应的clientId
+        addTabToAutomationGroup(tab.id, clientId);
+
         var targetId = String(tab.id);
         State.addEmittedTarget(targetId);
         getTargetIdByTabId(tab.id).then(function(targetId) {
@@ -99,22 +112,27 @@ var SpecialHandler = (function() {
       });
     });
   }
-  
-  function addTabToAutomationGroup(tabId) {
-    Logger.info('[TabGroup] Starting addTabToAutomationGroup for tabId:', tabId);
-    
-    // 获取当前CDP客户端列表
-    var cdpClients = State.getCDPClients() || [];
+
+  function addTabToAutomationGroup(tabId, clientId) {
+    Logger.info('[TabGroup] Starting addTabToAutomationGroup for tabId:', tabId, 'clientId:', clientId);
+
     var groupName;
-    
-    // 如果有CDP客户端，使用第一个客户端的ID作为组名
-    if (cdpClients.length > 0) {
-      groupName = 'CDP-' + cdpClients[0].id.substring(0, 8);
-      Logger.info('[TabGroup] Using CDP client ID for group name:', groupName);
+
+    // 如果有指定的clientId，使用该clientId作为组名
+    if (clientId) {
+      groupName = 'CDP-' + clientId.substring(0, 8);
+      Logger.info('[TabGroup] Using specific clientId for group name:', groupName);
     } else {
-      // 如果没有CDP客户端，使用固定的组名
-      groupName = 'CDP-Automation';
-      Logger.info('[TabGroup] No CDP client, using default group name:', groupName);
+      // 如果没有clientId，回退到使用第一个CDP客户端的ID
+      var cdpClients = State.getCDPClients() || [];
+      if (cdpClients.length > 0 && cdpClients[0] && cdpClients[0].id) {
+        groupName = 'CDP-' + cdpClients[0].id.substring(0, 8);
+        Logger.info('[TabGroup] Using first CDP client ID for group name:', groupName);
+      } else {
+        // 如果没有CDP客户端，使用固定的组名
+        groupName = 'CDP-Automation';
+        Logger.info('[TabGroup] No CDP client, using default group name:', groupName);
+      }
     }
     
     // 添加延迟等待，确保标签页完全加载后再分组

package/extension-new/cdp/index.js

@@ -57,20 +57,21 @@ function routeCDPCommand(message) {
   var method = message.method;
   var params = message.params;
   var sessionId = message.sessionId;
+  var clientId = message.clientId;
 
-  console.log('[CDP] routeCDPCommand id=' + id + ' (type: ' + typeof id + ') method=' + method);
+  console.log('[CDP] routeCDPCommand id=' + id + ' (type: ' + typeof id + ') method=' + method + ' clientId=' + (clientId || 'none'));
 
   var route = CDP_HANDLERS[method];
   var logType = route ? route.type : 'FORWARD';
-  Logger.info('[CDP] RECV id=' + id + ' method=' + method + ' type=' + logType + ' sessionId=' + (sessionId || 'null'));
+  Logger.info('[CDP] RECV id=' + id + ' method=' + method + ' type=' + logType + ' sessionId=' + (sessionId || 'null') + ' clientId=' + (clientId || 'null'));
 
   return new Promise(function(resolve) {
     if (route) {
-      Promise.resolve(route.handler({ id: id, method: method, params: params, sessionId: sessionId }))
+      Promise.resolve(route.handler({ id: id, method: method, params: params, sessionId: sessionId, clientId: clientId }))
         .then(function(result) {
           if (result === null && route.type === 'SPECIAL') {
             Logger.info('[CDP] SPECIAL null -> FORWARD id=' + id + ' method=' + method);
-            return ForwardHandler.execute({ id: id, method: method, params: params, sessionId: sessionId });
+            return ForwardHandler.execute({ id: id, method: method, params: params, sessionId: sessionId, clientId: clientId });
           }
           return result;
         })
@@ -83,7 +84,7 @@ function routeCDPCommand(message) {
           resolve({ error: { message: error.message } });
         });
     } else {
-      ForwardHandler.execute({ id: id, method: method, params: params, sessionId: sessionId })
+      ForwardHandler.execute({ id: id, method: method, params: params, sessionId: sessionId, clientId: clientId })
         .then(function(result) {
           Logger.info('[CDP] SEND id=' + id + ' method=' + method + ' hasError=false (forwarded)');
           resolve({ result: result });

package/extension-new/core/debugger.js

@@ -4,15 +4,25 @@ var DebuggerManager = (function() {
   if (window.__internalUrlBlockInjected) return;
   window.__internalUrlBlockInjected = true;
   
-  var blockedProtocols = ['bitbrowser:', 'chrome:', 'edge:', 'chrome-extension:'];
+  var blockedProtocols = ['bitbrowser:', 'chrome:', 'edge:', 'chrome-extension:', 'bytedance:', 'sslocal:', 'alipays:', 'weixin:', 'mqq:', 'taobao:', 'tmall:'];
   
   function isInternalUrl(url) {
     if (!url) return false;
+    // Whitelist: only allow http/https/about/data/blob/file
+    if (url.startsWith('http:') || url.startsWith('https:') || url.startsWith('about:') || url.startsWith('data:') || url.startsWith('blob:') || url.startsWith('file:')) {
+      return false;
+    }
+    // Also check explicit blocked list for common custom protocols
     for (var i = 0; i < blockedProtocols.length; i++) {
       if (url.startsWith(blockedProtocols[i])) {
         return true;
       }
     }
+    // Block any other custom protocol (xxx://)
+    var colonIdx = url.indexOf(':');
+    if (colonIdx > 0 && colonIdx < 20 && url.substring(colonIdx, colonIdx + 3) === '://') {
+      return true;
+    }
     return false;
   }
   
@@ -232,10 +242,7 @@ var DebuggerManager = (function() {
       Logger.warn('  Disposition:', disposition);
       Logger.warn('  FrameId:', frameId);
       
-      if (url.startsWith('chrome://') || 
-          url.startsWith('bitbrowser://') || 
-          url.startsWith('edge://') ||
-          url.startsWith('chrome-extension://')) {
+      if (url && !url.startsWith('http://') && !url.startsWith('https://') && !url.startsWith('about:') && !url.startsWith('data:') && !url.startsWith('blob:') && !url.startsWith('file://')) {
         Logger.error('[NAVIGATION] ⚠️ 检测到导航到内部页面，尝试阻止!');
         Logger.error('[NAVIGATION] 目标URL:', url);
         

package/extension-new/core/state.js

@@ -22,7 +22,8 @@ var State = (function() {
     isAttached: false,
     pendingCreatedTabUrls: new Set(),
     clientIdToTabId: new Map(),
-    clientIdToSessionId: new Map()
+    clientIdToSessionId: new Map(),
+    tabIdToClientId: new Map()
   };
 
   function mapSession(sessionId, tabId, targetId) {
@@ -282,6 +283,14 @@ var State = (function() {
     }
   }
 
+  function setTabIdToClientId(tabId, clientId) {
+    _state.tabIdToClientId.set(tabId, clientId);
+  }
+
+  function getClientIdByTabId(tabId) {
+    return _state.tabIdToClientId.get(tabId);
+  }
+
   function getTabIdByClientId(clientId) {
     return _state.clientIdToTabId.get(clientId);
   }
@@ -379,6 +388,8 @@ var State = (function() {
     getAutomatedTabs: getAutomatedTabs,
     clearSessionState: clearSessionState,
     clearAllState: clearAllState,
-    cleanupAllTabs: cleanupAllTabs
+    cleanupAllTabs: cleanupAllTabs,
+    setTabIdToClientId: setTabIdToClientId,
+    getClientIdByTabId: getClientIdByTabId
   };
 })();

package/extension-new/core/websocket.js

@@ -223,7 +223,8 @@ var WebSocketManager = (function() {
             method: method,
             params: params,
             tabId: tabId,
-            sessionId: sessionId
+            sessionId: sessionId,
+            clientId: message.__clientId
           });
         }
         break;
@@ -235,7 +236,8 @@ var WebSocketManager = (function() {
             method: method,
             params: params,
             tabId: tabId,
-            sessionId: sessionId
+            sessionId: sessionId,
+            clientId: message.__clientId
           });
         }
     }

package/final-console-test.js

@@ -0,0 +1,105 @@
+// 完整的标签分组测试脚本
+// 复制到Chrome扩展的控制台中运行
+
+console.log('=== 开始测试标签分组功能 ===');
+
+// 1. 测试1：创建新标签并添加到lo组
+function test1_CreateTabAndAddToGroup() {
+  console.log('\n=== 测试1：创建新标签并添加到lo组 ===');
+  
+  // 先查询是否存在lo组
+  chrome.tabGroups.query({ title: 'lo' }, function(groups) {
+    console.log('找到的标签组:', groups);
+    
+    // 创建新标签页
+    chrome.tabs.create({ url: 'https://www.baidu.com/', active: false }, function(tab) {
+      console.log('创建的标签页:', tab);
+      
+      if (groups.length > 0) {
+        // 如果存在lo组，直接添加
+        console.log('将标签页添加到现有lo组');
+        chrome.tabs.group({ tabIds: tab.id, groupId: groups[0].id }, function(groupId) {
+          console.log('标签页已添加到组:', groupId);
+          test2_AddExistingTabToGroup();
+        });
+      } else {
+        // 如果不存在lo组，创建新组
+        console.log('创建新的lo组并添加标签页');
+        chrome.tabs.group({ tabIds: tab.id }, function(groupId) {
+          console.log('创建的组ID:', groupId);
+          // 更新组的标题和颜色
+          chrome.tabGroups.update(groupId, {
+            title: 'lo',
+            color: 'blue'
+          }, function(group) {
+            console.log('更新后的组:', group);
+            test2_AddExistingTabToGroup();
+          });
+        });
+      }
+    });
+  });
+}
+
+// 2. 测试2：将现有标签添加到lo组
+function test2_AddExistingTabToGroup() {
+  console.log('\n=== 测试2：将现有标签添加到lo组 ===');
+  
+  // 获取当前活动标签
+  chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
+    if (tabs.length > 0) {
+      var activeTab = tabs[0];
+      console.log('当前活动标签:', activeTab);
+      
+      // 查询lo组
+      chrome.tabGroups.query({ title: 'lo' }, function(groups) {
+        if (groups.length > 0) {
+          console.log('将当前标签添加到lo组');
+          chrome.tabs.group({ tabIds: activeTab.id, groupId: groups[0].id }, function(groupId) {
+            console.log('当前标签已添加到组:', groupId);
+            test3_VerifyGroupMembers();
+          });
+        } else {
+          console.log('未找到lo组');
+          test3_VerifyGroupMembers();
+        }
+      });
+    } else {
+      console.log('未找到活动标签');
+      test3_VerifyGroupMembers();
+    }
+  });
+}
+
+// 3. 测试3：验证lo组的成员
+function test3_VerifyGroupMembers() {
+  console.log('\n=== 测试3：验证lo组的成员 ===');
+  
+  // 查询lo组
+  chrome.tabGroups.query({ title: 'lo' }, function(groups) {
+    if (groups.length > 0) {
+      var loGroup = groups[0];
+      console.log('lo组信息:', loGroup);
+      
+      // 查询组内的标签
+      chrome.tabs.query({ groupId: loGroup.id }, function(tabs) {
+        console.log('lo组内的标签:', tabs);
+        console.log('lo组内标签数量:', tabs.length);
+        
+        // 打印每个标签的信息
+        tabs.forEach(function(tab, index) {
+          console.log('标签', index + 1, ':', tab.title, '-', tab.url);
+        });
+        
+        console.log('\n=== 测试完成 ===');
+        console.log('请检查Chrome浏览器中的标签组是否正确创建，并且标签页是否被正确添加到组中。');
+      });
+    } else {
+      console.log('未找到lo组');
+      console.log('\n=== 测试完成 ===');
+    }
+  });
+}
+
+// 开始执行测试
+test1_CreateTabAndAddToGroup();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cdp-tunnel",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Chrome Extension CDP Proxy - 通过 Chrome 扩展将 chrome.debugger API 暴露为 WebSocket 端点",
   "main": "server/proxy-server.js",
   "bin": "./cli/index.js",

package/server/modules/config.js

@@ -1,5 +1,5 @@
 const CONFIG = {
-  PORT: 9221,
+  PORT: process.env.PORT ? parseInt(process.env.PORT) : 9221,
   HEARTBEAT_INTERVAL: 30000,
   STATUS_PRINT_INTERVAL: 60000,
   TARGETS_CACHE_TTL: 2000,

package/server/modules/logger.js

@@ -137,7 +137,7 @@ function logCDP(direction, message, sessionId = null, pluginType = null) {
     return;
   }
   const timestamp = new Date().toISOString();
-  const sessionPrefix = sessionId ? `[session:${sessionId.substring(0, 8)}]` : '';
+  const sessionPrefix = sessionId && typeof sessionId === 'string' ? `[session:${sessionId.substring(0, 8)}]` : '';
   const typePrefix = pluginType ? `[${pluginType}]` : '';
   const logLine = `[${timestamp}] ${typePrefix}${sessionPrefix}[${direction}] ${truncatedMessage}\n`;
   

package/server/proxy-server.js

@@ -362,7 +362,7 @@ function handlePluginConnection(ws, clientInfo) {
                         const openerClientId = targetIdToClientId.get(openerId);
                         if (openerClientId) {
                             targetIdToClientId.set(targetId, openerClientId);
-                            console.log(`[TARGET CREATED with opener] targetId=${targetId.substring(0,8)} openerId=${openerId.substring(0,8)} -> clientId=${openerClientId}`);
+                            console.log(`[TARGET CREATED with opener] targetId=${targetId?.substring(0,8) || 'none'} openerId=${openerId?.substring(0,8) || 'none'} -> clientId=${openerClientId}`);
                         }
                     }
                 }
@@ -381,7 +381,7 @@ function handlePluginConnection(ws, clientInfo) {
                 
                 if (targetId && sessionId) {
                     sessionToClientId.set(sessionId, targetId);
-                    console.log(`[SESSION MAPPED] sessionId=${sessionId.substring(0,8)} -> targetId=${targetId.substring(0,8)}`);
+                    console.log(`[SESSION MAPPED] sessionId=${sessionId?.substring(0,8) || 'none'} -> targetId=${targetId?.substring(0,8) || 'none'}`);
                 }
             }
             
@@ -443,8 +443,10 @@ function handlePluginConnection(ws, clientInfo) {
                         // 检查是否有缓存的 Target.attachedToTarget 事件
                         const cachedEvent = pendingAttachedEvents.get(targetId);
                         if (cachedEvent) {
-                            sessionToClientId.set(cachedEvent.sessionId, mapping.clientId);
-                            console.log(`[SESSION MAPPED from cached] sessionId=${cachedEvent.sessionId.substring(0,8)} -> clientId=${mapping.clientId} (targetId=${targetId})`);
+                            if (cachedEvent.sessionId) {
+                                sessionToClientId.set(cachedEvent.sessionId, mapping.clientId);
+                            }
+                            console.log(`[SESSION MAPPED from cached] sessionId=${cachedEvent.sessionId?.substring(0,8) || 'none'} -> clientId=${mapping.clientId} (targetId=${targetId})`);
                             pendingAttachedEvents.delete(targetId);
                             
                             // 先发送缓存的事件给客户端
@@ -483,7 +485,7 @@ function handlePluginConnection(ws, clientInfo) {
         // 2. sessionId 路由：消息属于特定 session（事件，没有 id）
         if (parsed && parsed.sessionId) {
             const targetClientId = sessionToClientId.get(parsed.sessionId);
-            console.log(`[SESSION ROUTE] sessionId=${parsed.sessionId?.substring(0,8)} -> clientId=${targetClientId || 'not found'}`);
+            console.log(`[SESSION ROUTE] sessionId=${parsed.sessionId?.substring(0,8) || 'none'} -> clientId=${targetClientId || 'not found'}`);
             if (targetClientId) {
                 const clientWs = clientById.get(targetClientId);
                 if (clientWs && clientWs.readyState === WebSocket.OPEN) {
@@ -491,7 +493,7 @@ function handlePluginConnection(ws, clientInfo) {
                     logCDP('DEBUG', `FORWARDED to client: ${targetClientId} (sessionId route)`, parsed?.sessionId);
                 }
             } else {
-                console.log(`[WARN] No clientId for sessionId: ${parsed.sessionId?.substring(0, 8)}`);
+                console.log(`[WARN] No clientId for sessionId: ${parsed.sessionId?.substring(0, 8) || 'none'}`);
             }
             return;
         }
@@ -787,8 +789,10 @@ function handleClientConnection(ws, clientInfo, customClientId = null) {
 
         // 发送给配对的 plugin (或广播)
         if (ws.pairedPlugin && ws.pairedPlugin.readyState === WebSocket.OPEN) {
-            console.log(`[SEND TO PLUGIN] id=${parsed?.id} method=${parsed?.method} sessionId=${parsed?.sessionId?.substring(0,8) || 'none'}`);
-            ws.pairedPlugin.send(modifiedData);
+            console.log(`[SEND TO PLUGIN] id=${parsed?.id} method=${parsed?.method} sessionId=${parsed?.sessionId?.substring(0,8) || 'none'} clientId=${id}`);
+            // 在消息中附加 clientId 信息
+            const pluginMsg = { ...parsed, __clientId: id };
+            ws.pairedPlugin.send(JSON.stringify(pluginMsg));
         } else {
             broadcastToPlugins(modifiedData, ws);
         }
@@ -1045,7 +1049,7 @@ function rewriteBrowserContextId(cdpMsg) {
     if (clientId) {
         const contextId = clientIdToBrowserContext.get(clientId);
         if (contextId) {
-            console.log(`[CONTEXT REWRITE] targetId=${targetInfo.targetId?.substring(0,8)} browserContextId: 'default' -> '${contextId}' (via openerId=${targetInfo.openerId?.substring(0,8) || 'none'}, clientId=${clientId})`);
+            console.log(`[CONTEXT REWRITE] targetId=${targetInfo.targetId?.substring(0,8) || 'none'} browserContextId: 'default' -> '${contextId}' (via openerId=${targetInfo.openerId?.substring(0,8) || 'none'}, clientId=${clientId})`);
             targetInfo.browserContextId = contextId;
         }
     }

package/simple-tab-group-test.js

@@ -0,0 +1,56 @@
+// 最简单的标签组测试脚本
+// 复制到Chrome扩展的控制台中运行
+
+console.log('=== 最简单的标签组测试 ===');
+
+// 步骤1: 检查API是否可用
+console.log('步骤1: 检查API是否可用');
+console.log('chrome.tabs.group:', typeof chrome.tabs.group);
+console.log('chrome.tabGroups:', chrome.tabGroups);
+console.log('chrome.tabGroups.query:', typeof chrome.tabGroups.query);
+console.log('chrome.tabGroups.update:', typeof chrome.tabGroups.update);
+
+// 步骤2: 创建一个标签页
+console.log('\n步骤2: 创建一个标签页');
+chrome.tabs.create({ url: 'https://www.baidu.com/', active: false }, function(tab) {
+  console.log('标签页创建成功:', tab.id);
+  
+  // 步骤3: 等待5秒
+  console.log('\n步骤3: 等待5秒...');
+  setTimeout(function() {
+    console.log('等待完成，开始创建标签组...');
+    
+    // 步骤4: 创建标签组
+    console.log('\n步骤4: 创建标签组');
+    chrome.tabs.group({ tabIds: tab.id }, function(groupId) {
+      if (chrome.runtime.lastError) {
+        console.error('创建标签组失败:', chrome.runtime.lastError.message);
+        return;
+      }
+      
+      console.log('标签组创建成功，组ID:', groupId);
+      
+      // 步骤5: 更新标签组
+      console.log('\n步骤5: 更新标签组');
+      chrome.tabGroups.update(groupId, {
+        title: 'Test',
+        color: 'blue'
+      }, function(group) {
+        if (chrome.runtime.lastError) {
+          console.error('更新标签组失败:', chrome.runtime.lastError.message);
+          return;
+        }
+        
+        console.log('标签组更新成功:', group);
+        
+        // 步骤6: 查询所有标签组
+        console.log('\n步骤6: 查询所有标签组');
+        chrome.tabGroups.query({}, function(groups) {
+          console.log('所有标签组:', groups);
+          console.log('\n=== 测试完成 ===');
+          console.log('请检查Chrome浏览器中是否有一个名为"Test"的蓝色标签组');
+        });
+      });
+    });
+  }, 5000);
+});