chrome-devtools-mcp-for-extension 0.8.8 → 0.8.10

package/build/src/tools/extensions.js

@@ -448,7 +448,7 @@ export const toggleExtensionState = defineTool({
 });
 export const openExtensionPopup = defineTool({
     name: 'open_extension_popup',
-    description: `Select an already-opened Chrome extension popup window for testing. The user should manually click the extension icon first to open the popup, then this tool will detect and select it. After selection, you can use take_snapshot, click, evaluate_script, etc. on the popup.`,
+    description: `Select an already-opened Chrome extension popup window for testing. If no extension name is provided, it will automatically detect and select the currently active popup window. If an extension name is provided, it will search for that specific extension's popup. After selection, you can use take_snapshot, click, evaluate_script, etc. on the popup.`,
     annotations: {
         category: ToolCategories.EXTENSION_DEVELOPMENT,
         readOnlyHint: false,
@@ -456,12 +456,68 @@ export const openExtensionPopup = defineTool({
     schema: {
         extensionName: z
             .string()
-            .describe('The name or partial name of the extension'),
+            .optional()
+            .describe('(Optional) The name or partial name of the extension. If omitted, will use the currently active popup.'),
     },
     handler: async (request, response, context) => {
         const page = context.getSelectedPage();
         const { extensionName } = request.params;
         await context.waitForEventsAfterAction(async () => {
+            const browser = page.browser();
+            if (!browser) {
+                response.appendResponseLine('❌ Failed to get browser instance.');
+                return;
+            }
+            // If no extension name provided, check if current page is already a popup
+            if (!extensionName) {
+                const currentUrl = page.url();
+                if (currentUrl.startsWith('chrome-extension://')) {
+                    response.appendResponseLine('✅ Already on an extension popup window');
+                    response.appendResponseLine(`📄 Popup URL: ${currentUrl}`);
+                    response.appendResponseLine('');
+                    response.appendResponseLine('💡 You can now use take_snapshot, click, evaluate_script, etc. on the popup');
+                    return;
+                }
+                // Check for iframe-embedded popup in current page
+                const iframePopups = await page.evaluate(() => {
+                    return Array.from(document.querySelectorAll('iframe'))
+                        .filter((iframe) => iframe.src.startsWith('chrome-extension://'))
+                        .map((iframe) => ({
+                        src: iframe.src,
+                        id: iframe.id,
+                        className: iframe.className,
+                    }));
+                });
+                if (iframePopups.length > 0) {
+                    response.appendResponseLine('✅ Extension popup found (embedded as iframe)');
+                    response.appendResponseLine(`📄 Popup URL: ${iframePopups[0].src}`);
+                    response.appendResponseLine('');
+                    response.appendResponseLine('💡 This popup is embedded in the current page as an iframe.');
+                    response.appendResponseLine('   You can interact with it using regular page tools:');
+                    response.appendResponseLine('   - take_snapshot (includes iframe content)');
+                    response.appendResponseLine('   - click on elements');
+                    response.appendResponseLine('   - fill forms');
+                    response.appendResponseLine('   - evaluate_script');
+                    return;
+                }
+                // If not on popup or iframe, try to find any open popup window
+                const pages = await browser.pages();
+                for (let i = 0; i < pages.length; i++) {
+                    const p = pages[i];
+                    const url = p.url();
+                    if (url.startsWith('chrome-extension://')) {
+                        context.setSelectedPageIdx(i);
+                        response.appendResponseLine('✅ Found and selected open popup window');
+                        response.appendResponseLine(`📄 Popup URL: ${url}`);
+                        response.appendResponseLine('');
+                        response.appendResponseLine('💡 You can now use take_snapshot, click, evaluate_script, etc. on the popup');
+                        return;
+                    }
+                }
+                response.appendResponseLine('❌ No extension popup window found.');
+                response.appendResponseLine('💡 Please manually click the extension icon to open the popup first.');
+                return;
+            }
             // First, get extension ID
             await page.goto('chrome://extensions/', { waitUntil: 'networkidle0' });
             const extensionInfo = await page.evaluate((searchName) => {
@@ -515,6 +571,32 @@ export const openExtensionPopup = defineTool({
                     }
                 }
                 if (!popupPage) {
+                    // Check for iframe-embedded popup with this extension ID
+                    response.appendResponseLine('🔧 Checking for iframe-embedded popup...');
+                    // Go back to the original page to check for iframes
+                    await page.goBack();
+                    const iframePopups = await page.evaluate((extId) => {
+                        return Array.from(document.querySelectorAll('iframe'))
+                            .filter((iframe) => iframe.src.includes(extId))
+                            .map((iframe) => ({
+                            src: iframe.src,
+                            id: iframe.id,
+                            className: iframe.className,
+                        }));
+                    }, extensionInfo.id);
+                    if (iframePopups.length > 0) {
+                        response.appendResponseLine('');
+                        response.appendResponseLine(`✅ Extension popup found (embedded as iframe): ${extensionInfo.name}`);
+                        response.appendResponseLine(`📄 Popup URL: ${iframePopups[0].src}`);
+                        response.appendResponseLine('');
+                        response.appendResponseLine('💡 This popup is embedded in the current page as an iframe.');
+                        response.appendResponseLine('   You can interact with it using regular page tools:');
+                        response.appendResponseLine('   - take_snapshot (includes iframe content)');
+                        response.appendResponseLine('   - click on elements');
+                        response.appendResponseLine('   - fill forms');
+                        response.appendResponseLine('   - evaluate_script');
+                        return;
+                    }
                     response.appendResponseLine('❌ Popup window not found.');
                     response.appendResponseLine('💡 Please manually click the extension icon to open the popup first.');
                     return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrome-devtools-mcp-for-extension",
-  "version": "0.8.8",
+  "version": "0.8.10",
   "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",