chrome-devtools-mcp-for-extension 0.9.5 → 0.9.6

package/build/src/tools/iframe-popup-tools.js

@@ -69,29 +69,33 @@ export async function inspectIframe(cdp, urlPattern, waitMs = 8000) {
         };
     }
     catch (oopifError) {
-        // Fallback: Try regular iframe via Page.getFrameTree
-        await cdp.send('Page.enable');
-        const { frameTree } = await cdp.send('Page.getFrameTree');
-        const findFrame = (node) => {
-            if (urlPattern.test(node.frame.url)) {
-                return node.frame;
-            }
-            if (node.childFrames) {
-                for (const child of node.childFrames) {
-                    const found = findFrame(child);
-                    if (found)
-                        return found;
-                }
+        // Fallback: Try regular iframe via DOM.querySelectorAll
+        await cdp.send('DOM.enable');
+        const { root } = await cdp.send('DOM.getDocument', { depth: -1 });
+        // Query all iframes
+        const { nodeIds } = await cdp.send('DOM.querySelectorAll', {
+            nodeId: root.nodeId,
+            selector: 'iframe',
+        });
+        // Find the iframe matching the pattern
+        let targetFrameId = null;
+        let targetFrameUrl = null;
+        for (const nodeId of nodeIds) {
+            const { node } = await cdp.send('DOM.describeNode', { nodeId });
+            const src = node.attributes?.find((attr, i, arr) => attr === 'src' && arr[i + 1]);
+            const srcValue = src ? node.attributes[node.attributes.indexOf(src) + 1] : '';
+            if (urlPattern.test(srcValue)) {
+                targetFrameId = node.frameId || null;
+                targetFrameUrl = srcValue;
+                break;
             }
-            return null;
-        };
-        const frame = findFrame(frameTree);
-        if (!frame) {
+        }
+        if (!targetFrameId || !targetFrameUrl) {
             throw new Error(`Iframe not found (tried both OOPIF and regular iframe): ${urlPattern}`);
         }
         // Execute in the frame context using Page.createIsolatedWorld
         const { executionContextId } = await cdp.send('Page.createIsolatedWorld', {
-            frameId: frame.id,
+            frameId: targetFrameId,
         });
         await cdp.send('Runtime.enable');
         const htmlResult = await cdp.send('Runtime.evaluate', {
@@ -101,8 +105,8 @@ export async function inspectIframe(cdp, urlPattern, waitMs = 8000) {
         });
         const html = String(htmlResult?.result?.value ?? '');
         return {
-            frameId: frame.id,
-            frameUrl: frame.url,
+            frameId: targetFrameId,
+            frameUrl: targetFrameUrl,
             html,
         };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrome-devtools-mcp-for-extension",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "description": "MCP server for Chrome extension development with Web Store automation. Fork of chrome-devtools-mcp with extension-specific tools.",
   "type": "module",
   "bin": "./build/src/index.js",