ghost-bridge 0.4.0 → 0.5.0

package/extension/background.js

@@ -10,10 +10,10 @@ const CONFIG = {
   maxPortRetries: 10,
   token: getMonthlyToken(),
   autoDetach: false,
-  maxErrors: 40,
-  maxStackFrames: 5,
+  maxErrors: 100,
+  maxStackFrames: 20,
   maxRequestsTracked: 200,
-  maxRequestBodySize: 100000,
+  maxRequestBodySize: 500000, // 提升至 500KB，容纳较大的 API 请求
 }
 
 let attachedTabId = null
@@ -31,10 +31,10 @@ const pendingRequests = new Map()
 function setBadgeState(status) {
   const map = {
     connecting: { text: "…", color: "#999" },
-    on: { text: "ON", color: "#34c759" },
+    on: { text: "ON", color: "#00d2ff" },
     off: { text: "OFF", color: "#999" },
     err: { text: "ERR", color: "#ff3b30" },
-    att: { text: "ATT", color: "#ff9f0a" },
+    att: { text: "ATT", color: "#a252ff" },
   }
   const cfg = map[status] || map.off
   chrome.action.setBadgeText({ text: cfg.text })
@@ -111,7 +111,7 @@ chrome.debugger.onEvent.addListener((source, method, params) => {
       url: topFrame?.url || detail.url,
       line: topFrame?.lineNumber,
       column: topFrame?.columnNumber,
-      text: detail.text,
+      text: detail.exception?.description || detail.text,
       scriptId: topFrame?.scriptId,
       stack: compactStack(detail.stackTrace),
       timestamp: Date.now(),
@@ -139,7 +139,7 @@ chrome.debugger.onEvent.addListener((source, method, params) => {
   }
 
   if (method === "Runtime.consoleAPICalled") {
-    const args = (params.args || []).map((a) => a.value).filter(Boolean)
+    const args = (params.args || []).map((a) => a.description || a.value).filter(Boolean)
     pushError({
       type: params.type || "console",
       severity: params.type === "error" ? "error" : params.type === "warning" ? "warn" : "info",
@@ -253,15 +253,22 @@ chrome.debugger.onDetach.addListener((source, reason) => {
     scriptSourceCache = new Map()
     networkRequests = []
     requestMap = new Map()
-  }
-  if (!state.enabled) return
-  if (reason === "canceled_by_user") {
-    log("调试被用户取消，已关闭")
-    state.enabled = false
-    setBadgeState("off")
-  } else {
-    log(`调试已断开：${reason}`)
-    setBadgeState("att")
+    
+    if (!state.enabled) return
+    if (reason === "canceled_by_user") {
+      log("调试被用户取消，已关闭")
+      state.enabled = false
+      state.connected = false
+      setBadgeState("off")
+      chrome.runtime.sendMessage({ type: 'disconnect' }).catch(() => {})
+    } else {
+      log(`调试已断开：${reason}`)
+      if (state.connected) {
+        setBadgeState("on")
+      } else {
+        setBadgeState("att")
+      }
+    }
   }
 })
 
@@ -294,11 +301,19 @@ async function ensureAttached() {
   const [tab] = await chrome.tabs.query({ active: true, lastFocusedWindow: true })
   if (!tab) throw new Error("没有激活的标签页")
   if (attachedTabId !== tab.id) {
+    if (attachedTabId) {
+      try { await chrome.debugger.detach({ tabId: attachedTabId }) } catch (e) {}
+    }
     try {
       await chrome.debugger.attach({ tabId: tab.id }, "1.3")
       setBadgeState("on")
     } catch (e) {
-      setBadgeState("att")
+      attachedTabId = null
+      if (state.connected) {
+        setBadgeState("on")
+      } else {
+        setBadgeState("att")
+      }
       throw e
     }
     attachedTabId = tab.id
@@ -312,6 +327,13 @@ async function ensureAttached() {
     await chrome.debugger.sendCommand({ tabId: attachedTabId }, "Debugger.enable")
     await chrome.debugger.sendCommand({ tabId: attachedTabId }, "Profiler.enable")
     await chrome.debugger.sendCommand({ tabId: attachedTabId }, "Network.enable").catch(() => {})
+    
+    // Enable auto-attach to sub-targets (iframes, workers) for comprehensive capture
+    await chrome.debugger.sendCommand({ tabId: attachedTabId }, "Target.setAutoAttach", {
+      autoAttach: true,
+      waitForDebuggerOnStart: false,
+      flatten: true,
+    }).catch(() => {})
   }
   return { tabId: attachedTabId }
 }
@@ -1052,6 +1074,8 @@ async function handleDispatchAction(params = {}) {
     try {
       const el = document.querySelector('[data-ghost-ref="${ref}"]');
       if (!el) return { error: '元素未找到，ref 可能已失效，请重新获取快照' };
+      // 关键修复：确保元素在视口内，否则超出屏幕的坐标无法被 CDP 模拟点击
+      el.scrollIntoView({ block: 'center', inline: 'center' });
       const rect = el.getBoundingClientRect();
       if (rect.width === 0 && rect.height === 0) return { error: '元素不可见（宽高为 0）' };
       return {
@@ -1257,24 +1281,66 @@ function broadcastStatus() {
     status = 'disconnected'
   } else if (state.connected) {
     status = 'connected'
-  } else if (state.scanRound >= 2) {
+  } else if (state.scanRound >= 4) {
     status = 'not_found'
   } else {
     status = 'scanning'
   }
-  chrome.runtime.sendMessage({
-    type: 'statusUpdate',
-    state: {
-      status,
-      enabled: state.enabled,
-      port: state.port,
-      currentPort: state.currentPort,
-      basePort: CONFIG.basePort,
-      scanRound: state.scanRound,
-    }
-  }).catch(() => {}) // popup 可能未打开，忽略错误
+
+  let tabUrl = ''
+  let tabTitle = ''
+  
+  if (attachedTabId) {
+    chrome.tabs.get(attachedTabId).then(t => {
+      tabUrl = t.url
+      tabTitle = t.title
+      doBroadcast()
+    }).catch(() => doBroadcast())
+  } else {
+    doBroadcast()
+  }
+
+  function doBroadcast() {
+    const actualErrors = lastErrors.filter(e => e.severity === 'error')
+    chrome.runtime.sendMessage({
+      type: 'statusUpdate',
+      state: {
+        status,
+        enabled: state.enabled,
+        port: state.port,
+        currentPort: state.currentPort,
+        basePort: CONFIG.basePort,
+        scanRound: state.scanRound,
+        errorCount: actualErrors.length,
+        recentErrors: actualErrors.slice(0, 5),
+        tabTitle,
+        tabUrl,
+      }
+    }).catch(() => {}) // popup 可能未打开，忽略错误
+  }
 }
 
+// 监听被调试页面的导航变化，实时推送到 popup
+chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
+  if (tabId === attachedTabId && (changeInfo.title || changeInfo.url)) {
+    if (state.connected) broadcastStatus()
+  }
+})
+
+// 监听用户切换标签页（Active Tab 发生变化），让调试器自动跟随到新标签页
+chrome.tabs.onActivated.addListener(async (activeInfo) => {
+  if (state.enabled && state.connected) {
+    try {
+      // 这里的 ensureAttached() 会自动处理从旧 Tab detach 并 attach 到新 Tab
+      await ensureAttached()
+      broadcastStatus()
+    } catch (e) {
+      log(`自动跟随切换 Tab 失败：${e.message}`)
+    }
+  }
+})
+
+
 // ========== 消息监听 ==========
 
 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
@@ -1335,19 +1401,41 @@ chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
       status = 'disconnected'
     } else if (state.connected) {
       status = 'connected'
-    } else if (state.scanRound >= 2) {
+    } else if (state.scanRound >= 4) {
       status = 'not_found'
     } else {
       status = 'scanning'
     }
-    sendResponse({
-      status,
-      enabled: state.enabled,
-      port: state.port,
-      currentPort: state.currentPort,
-      basePort: CONFIG.basePort,
-      scanRound: state.scanRound,
-    })
+
+    let tabUrl = ''
+    let tabTitle = ''
+    if (attachedTabId) {
+      chrome.tabs.get(attachedTabId).then(t => {
+        tabUrl = t.url
+        tabTitle = t.title
+        sendStatusResponse()
+      }).catch(() => {
+        sendStatusResponse()
+      })
+    } else {
+      sendStatusResponse()
+    }
+
+    function sendStatusResponse() {
+      const actualErrors = lastErrors.filter(e => e.severity === 'error')
+      sendResponse({
+        status,
+        enabled: state.enabled,
+        port: state.port,
+        currentPort: state.currentPort,
+        basePort: CONFIG.basePort,
+        scanRound: state.scanRound,
+        errorCount: actualErrors.length,
+        recentErrors: actualErrors.slice(0, 5),
+        tabTitle,
+        tabUrl,
+      })
+    }
     return true
   }
 
@@ -1383,8 +1471,11 @@ chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
     setBadgeState('off')
     detachAllTargets().catch(() => {})
 
-    // 通知 offscreen 断开
+    // 通知 offscreen 断开 (WebSocket 清除)
     chrome.runtime.sendMessage({ type: 'disconnect' }).catch(() => {})
+    
+    // 关键修复：显式销毁 offscreen document 防止内存泄漏
+    closeOffscreenDocument().catch(() => {})
 
     sendResponse({ ok: true })
     return true

package/extension/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Ghost Bridge",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Zero-restart Chrome debugger bridge for Claude MCP, optimized for no-sourcemap production debugging.",
   "permissions": [
     "debugger",

package/extension/offscreen.js

@@ -171,7 +171,7 @@ chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
     return true
   }
 
-  if (message.type === 'getStatus') {
+  if (message.type === 'getOffscreenStatus') {
     sendResponse({
       connected: ws && ws.readyState === WebSocket.OPEN,
     })