cdp-tunnel 1.2.0 → 1.3.0

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/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/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.0",
   "description": "Chrome Extension CDP Proxy - 通过 Chrome 扩展将 chrome.debugger API 暴露为 WebSocket 端点",
   "main": "server/proxy-server.js",
   "bin": "./cli/index.js",