cdp-tunnel 1.2.0 → 1.3.1

package/extension-new/background.js

@@ -216,6 +216,18 @@ String.prototype.hashCode = function() {
         var sessionId = CDPUtils.generateSessionId();
         State.mapSession(sessionId, tabId, targetId);
         
+        Config.getAutoMute(function(enabled) {
+          if (enabled) {
+            chrome.tabs.update(tabId, { muted: true }, function() {
+              if (chrome.runtime.lastError) {
+                Logger.error('[TabMute] Failed to mute tab ' + tabId + ':', chrome.runtime.lastError.message);
+              } else {
+                Logger.info('[TabMute] Tab muted:', tabId);
+              }
+            });
+          }
+        });
+        
         // 将标签页添加到CDP组（添加延迟等待）
         setTimeout(function() {
           // 获取openerTabId对应的clientId

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

@@ -135,6 +135,39 @@ var LocalHandler = (function() {
     return {};
   }
 
+  function tabGetMuteStatus(params) {
+    var cdpOnly = params && params.cdpOnly;
+    var attachedTabIds = State.getAttachedTabIds();
+
+    return new Promise(function(resolve) {
+      chrome.tabs.query({}, function(tabs) {
+        if (chrome.runtime.lastError) {
+          resolve({ tabs: [] });
+          return;
+        }
+
+        var result = tabs;
+        if (cdpOnly) {
+          result = tabs.filter(function(t) {
+            return attachedTabIds.indexOf(t.id) !== -1;
+          });
+        }
+
+        resolve({
+          tabs: result.map(function(tab) {
+            return {
+              id: tab.id,
+              url: tab.url || '',
+              title: tab.title || '',
+              muted: tab.mutedInfo ? tab.mutedInfo.muted : false,
+              mutedReason: tab.mutedInfo ? (tab.mutedInfo.reason || '') : ''
+            };
+          })
+        });
+      });
+    });
+  }
+
   function getTargetInfos() {
     return chrome.debugger.getTargets().then(function(targets) {
       // 为每个有 tabId 的 target 查询 openerTabId
@@ -274,6 +307,7 @@ var LocalHandler = (function() {
     emptyObject: emptyObject,
     getTargetInfos: getTargetInfos,
     getTargetInfoById: getTargetInfoById,
-    mapToTargetInfo: mapToTargetInfo
+    mapToTargetInfo: mapToTargetInfo,
+    tabGetMuteStatus: tabGetMuteStatus
   };
 })();

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

@@ -1,4 +1,17 @@
 var SpecialHandler = (function() {
+  function muteTabIfNeeded(tabId) {
+    Config.getAutoMute(function(enabled) {
+      if (!enabled) return;
+      chrome.tabs.update(tabId, { muted: true }, function() {
+        if (chrome.runtime.lastError) {
+          Logger.error('[TabMute] Failed to mute tab ' + tabId + ':', chrome.runtime.lastError.message);
+        } else {
+          Logger.info('[TabMute] Tab muted:', tabId);
+        }
+      });
+    });
+  }
+
   function targetSetAutoAttach(context) {
     var params = context.params;
     State.setAutoAttachConfig({
@@ -116,6 +129,8 @@ var SpecialHandler = (function() {
   function addTabToAutomationGroup(tabId, clientId) {
     Logger.info('[TabGroup] Starting addTabToAutomationGroup for tabId:', tabId, 'clientId:', clientId);
 
+    muteTabIfNeeded(tabId);
+
     var groupName;
     var groupClientId = clientId;
 

package/extension-new/cdp/index.js

@@ -22,6 +22,8 @@ var CDP_HANDLERS = {
   'Target.getBrowserContexts': { type: 'LOCAL', handler: LocalHandler.targetGetBrowserContexts },
   'Target.attachToBrowserTarget': { type: 'LOCAL', handler: LocalHandler.targetAttachToBrowserTarget },
 
+  'Tab.getMuteStatus': { type: 'LOCAL', handler: LocalHandler.tabGetMuteStatus },
+
   'SystemInfo.getInfo': { type: 'LOCAL', handler: LocalHandler.systemInfoGetInfo },
   'SystemInfo.getProcessInfo': { type: 'LOCAL', handler: LocalHandler.systemInfoGetProcessInfo },
 

package/extension-new/config-page-preview.html

@@ -458,6 +458,35 @@
       font-size: 12px;
     }
 
+    .toggle-switch {
+      position: relative;
+      display: inline-block;
+      width: 40px;
+      height: 22px;
+    }
+    .toggle-switch input { opacity: 0; width: 0; height: 0; }
+    .toggle-slider {
+      position: absolute;
+      cursor: pointer;
+      top: 0; left: 0; right: 0; bottom: 0;
+      background-color: #ccc;
+      transition: .3s;
+      border-radius: 22px;
+    }
+    .toggle-slider:before {
+      position: absolute;
+      content: "";
+      height: 16px;
+      width: 16px;
+      left: 3px;
+      bottom: 3px;
+      background-color: white;
+      transition: .3s;
+      border-radius: 50%;
+    }
+    input:checked + .toggle-slider { background-color: #4CAF50; }
+    input:checked + .toggle-slider:before { transform: translateX(18px); }
+
     .divider {
       height: 1px;
       background: #e5e7eb;
@@ -721,6 +750,16 @@
             </div>
             <button class="btn btn-primary btn-block" id="connectBtn">🔗 保存并连接</button>
 
+            <div class="config-item" style="display: flex; justify-content: space-between; align-items: center; margin-top: 12px;">
+              <label style="font-size: 13px; color: #666;">
+                🔇 自动静音新标签页
+              </label>
+              <label class="toggle-switch">
+                <input type="checkbox" id="autoMuteToggle" checked>
+                <span class="toggle-slider"></span>
+              </label>
+            </div>
+
             <div class="divider"></div>
 
             <div class="usage-guide">

package/extension-new/config-page.js

@@ -258,8 +258,16 @@
           elements.serverAddress.value = result.wsAddress;
         }
       });
+      chrome.storage.local.get(['autoMute'], function(result) {
+        document.getElementById('autoMuteToggle').checked = result.autoMute !== false;
+      });
     }
     
+    document.getElementById('autoMuteToggle').addEventListener('change', function(e) {
+      chrome.storage.local.set({ autoMute: e.target.checked });
+      addLog(e.target.checked ? '🔇 自动静音已开启' : '🔊 自动静音已关闭', 'action');
+    });
+    
     fetchState();
     
     setInterval(fetchState, 5000);

package/extension-new/utils/config.js

@@ -16,5 +16,14 @@ var Config = {
     chrome.storage.local.get(['wsAddress'], function(result) {
       callback(result.wsAddress || Config.WS_URL);
     });
+  },
+  AUTO_MUTE: true,
+  getAutoMute: function(callback) {
+    chrome.storage.local.get(['autoMute'], function(result) {
+      callback(result.autoMute !== false);
+    });
+  },
+  setAutoMute: function(enabled, callback) {
+    chrome.storage.local.set({ autoMute: enabled }, callback);
   }
 };

package/package.json

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