cdp-tunnel 1.0.13 → 1.0.15

package/test-cdp-connection.js

@@ -1,85 +0,0 @@
-const WebSocket = require('ws');
-
-const SERVER_URL = 'ws://localhost:9221/client';
-
-console.log('[Test] Connecting to CDP proxy server...');
-
-const ws = new WebSocket(SERVER_URL);
-
-ws.on('open', () => {
-  console.log('[Test] Connected to server!');
-  
-  ws.send(JSON.stringify({
-    id: 1,
-    method: 'Target.setDiscoverTargets',
-    params: { discover: true }
-  }));
-  
-  console.log('[Test] Sent Target.setDiscoverTargets');
-  
-  setTimeout(() => {
-    ws.send(JSON.stringify({
-      id: 2,
-      method: 'Target.getTargets',
-      params: {}
-    }));
-    console.log('[Test] Sent Target.getTargets');
-  }, 1000);
-  
-  setTimeout(() => {
-    console.log('[Test] Creating new page...');
-    ws.send(JSON.stringify({
-      id: 3,
-      method: 'Target.createTarget',
-      params: { url: 'https://www.example.com' }
-    }));
-  }, 2000);
-});
-
-ws.on('message', (data) => {
-  try {
-    const msg = JSON.parse(data.toString());
-    
-    if (msg.type === 'connected') {
-      console.log('[Test] Server acknowledged connection:', msg);
-    } else if (msg.method && msg.method.startsWith('Target.')) {
-      console.log('[Test] Target event:', msg.method, {
-        targetId: msg.params?.targetInfo?.targetId?.substring(0, 8),
-        url: msg.params?.targetInfo?.url,
-        type: msg.params?.targetInfo?.type
-      });
-    } else if (msg.id) {
-      console.log('[Test] Response to request #' + msg.id + ':', {
-        success: !!msg.result,
-        error: msg.error,
-        targetId: msg.result?.targetId?.substring(0, 8),
-        targetCount: msg.result?.targetInfos?.length
-      });
-      
-      if (msg.result?.targetInfos) {
-        console.log('[Test] Found targets:');
-        msg.result.targetInfos.slice(0, 5).forEach((t, i) => {
-          console.log(`  ${i + 1}. ${t.type}: ${t.url?.substring(0, 50)}`);
-        });
-      }
-    } else {
-      console.log('[Test] Other message:', msg.type || msg.method);
-    }
-  } catch (e) {
-    console.log('[Test] Raw message:', data.toString().substring(0, 100));
-  }
-});
-
-ws.on('close', (code, reason) => {
-  console.log('[Test] Connection closed:', code, reason.toString());
-});
-
-ws.on('error', (err) => {
-  console.error('[Test] Error:', err.message);
-});
-
-setTimeout(() => {
-  console.log('\n[Test] Test completed, closing connection...');
-  ws.close();
-  process.exit(0);
-}, 5000);

package/test-cdp-groups.js

@@ -1,71 +0,0 @@
-const WebSocket = require('ws');
-
-async function testCDPGroups() {
-  console.log('=== 测试CDP连接的标签分组功能 ===\n');
-  
-  try {
-    // 连接到CDP服务器
-    console.log('连接到CDP服务器...');
-    const ws = new WebSocket('ws://localhost:9221/client');
-    
-    ws.on('open', async function() {
-      console.log('CDP连接成功');
-      
-      // 创建第一个标签页
-      console.log('创建第一个标签页...');
-      ws.send(JSON.stringify({
-        id: 1,
-        method: 'Target.createTarget',
-        params: {
-          url: 'https://www.baidu.com/'
-        }
-      }));
-      
-      // 等待5秒
-      await new Promise(resolve => setTimeout(resolve, 5000));
-      
-      // 创建第二个标签页
-      console.log('创建第二个标签页...');
-      ws.send(JSON.stringify({
-        id: 2,
-        method: 'Target.createTarget',
-        params: {
-          url: 'https://www.google.com/'
-        }
-      }));
-      
-      // 等待5秒
-      await new Promise(resolve => setTimeout(resolve, 5000));
-      
-      console.log('\n=== 测试完成 ===');
-      console.log('请检查Chrome浏览器中的标签组：');
-      console.log('1. 应该创建了一个名为"CDP-{客户端ID}"的标签组');
-      console.log('2. 两个标签页应该被添加到该组中');
-      
-      // 关闭连接
-      ws.close();
-    });
-    
-    ws.on('message', function(data) {
-      try {
-        const message = JSON.parse(data);
-        console.log('收到消息:', message);
-      } catch (e) {
-        console.error('解析消息失败:', e);
-      }
-    });
-    
-    ws.on('error', function(error) {
-      console.error('WebSocket错误:', error);
-    });
-    
-    ws.on('close', function() {
-      console.log('WebSocket连接已关闭');
-    });
-    
-  } catch (error) {
-    console.error('测试过程中出现错误:', error);
-  }
-}
-
-testCDPGroups();

package/test-check-newtab.js

@@ -1,144 +0,0 @@
-const { chromium } = require('playwright');
-const { spawn } = require('child_process');
-const fs = require('fs');
-const path = require('path');
-
-let serverPort = 8900;
-
-async function testExposeFunctionNewTab(port, label) {
-  serverPort++;
-  const currentPort = serverPort;
-  
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label} (port ${port})`);
-  console.log('='.repeat(60));
-  
-  try {
-    const sharedState = { counter: 0 };
-    
-    const htmlContent1 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 1</title></head>
-      <body>
-        <h1>Page 1</h1>
-        <a href="page2.html" target="_blank" id="link1">Open New Tab</a>
-      </body>
-      </html>
-    `;
-    
-    const htmlContent2 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 2</title></head>
-      <body>
-        <h1>Page 2 - New Tab</h1>
-      </body>
-      </html>
-    `;
-    
-    const serverDir = '/tmp/test-expose-newtab2';
-    if (!fs.existsSync(serverDir)) {
-      fs.mkdirSync(serverDir, { recursive: true });
-    }
-    fs.writeFileSync(path.join(serverDir, 'page1.html'), htmlContent1);
-    fs.writeFileSync(path.join(serverDir, 'page2.html'), htmlContent2);
-    
-    const http = require('http');
-    const server = http.createServer((req, res) => {
-      let filePath = path.join(serverDir, req.url === '/' ? 'page1.html' : req.url);
-      if (fs.existsSync(filePath)) {
-        const content = fs.readFileSync(filePath);
-        res.writeHead(200, { 'Content-Type': 'text/html' });
-        res.end(content);
-      } else {
-        res.writeHead(404);
-        res.end('Not found');
-      }
-    });
-    
-    await new Promise(resolve => server.listen(currentPort, resolve));
-    console.log(`[${label}] Test server on port ${currentPort}`);
-    
-    const browser = await chromium.connectOverCDP(`http://localhost:${port}`);
-    console.log(`[${label}] Connected!`);
-    
-    console.log(`[${label}] Creating context...`);
-    const context = await browser.newContext();
-    
-    console.log(`[${label}] exposeFunction getCounter...`);
-    await context.exposeFunction('getCounter', () => {
-      sharedState.counter += 1;
-      console.log(`[${label}] getCounter: ${sharedState.counter}`);
-      return sharedState.counter;
-    });
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto(`http://localhost:${currentPort}/page1.html`, { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing first page...`);
-    const r1 = await page1.evaluate(() => window.getCounter());
-    console.log(`[${label}] First page: ${r1}`);
-    
-    console.log(`[${label}] Clicking link...`);
-    await page1.click('#link1');
-    
-    console.log(`[${label}] Waiting 3 seconds for new tab...`);
-    await new Promise(r => setTimeout(r, 3000));
-    
-    console.log(`[${label}] Checking pages in context...`);
-    const allPages = context.pages();
-    console.log(`[${label}] Total pages: ${allPages.length}`);
-    for (let i = 0; i < allPages.length; i++) {
-      const p = allPages[i];
-      console.log(`[${label}] Page ${i}: ${p.url()}`);
-    }
-    
-    if (allPages.length >= 2) {
-      const page2 = allPages[1];
-      console.log(`[${label}] Testing new tab...`);
-      try {
-        const r2 = await page2.evaluate(() => window.getCounter());
-        console.log(`[${label}] New tab: ${r2}`);
-      } catch (e) {
-        console.log(`[${label}] New tab error: ${e.message}`);
-      }
-    } else {
-      console.log(`[${label}] No new tab found!`);
-    }
-    
-    server.close();
-    await browser.close();
-    
-  } catch (error) {
-    console.error(`[${label}] Error:`, error.message);
-  }
-}
-
-async function main() {
-  console.log('Testing: Click link -> Check if new tab appears\n');
-  
-  console.log('Step 1: Native CDP...');
-  const p1 = spawn('/Applications/Chromium.app/Contents/MacOS/Chromium', [
-    '--remote-debugging-port=9231',
-    '--user-data-dir=/tmp/chromium-test-nt1',
-    '--no-first-run',
-    '--no-default-browser-check'
-  ], { detached: true, stdio: 'ignore' });
-  await new Promise(r => setTimeout(r, 3000));
-  
-  await testExposeFunctionNewTab(9231, 'Native CDP');
-  
-  await new Promise(r => setTimeout(r, 1000));
-  try { process.kill(-p1.pid); } catch(e) {}
-  
-  console.log('\n' + '='.repeat(60));
-  console.log('Step 2: CDP Tunnel...');
-  
-  await testExposeFunctionNewTab(9221, 'CDP Tunnel');
-  
-  process.exit(0);
-}
-
-main();

package/test-chrome-native.js

@@ -1,140 +0,0 @@
-const { chromium } = require('playwright');
-const fs = require('fs');
-const path = require('path');
-
-let serverPort = 9200;
-
-async function testWithChrome(label) {
-  serverPort++;
-  const currentPort = serverPort;
-  
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label} - Using local Google Chrome`);
-  console.log('='.repeat(60));
-  
-  try {
-    const sharedState = { counter: 0 };
-    
-    const htmlContent1 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 1</title></head>
-      <body>
-        <h1>Page 1</h1>
-        <a href="page2.html" target="_blank" id="link1">Open New Tab</a>
-      </body>
-      </html>
-    `;
-    
-    const htmlContent2 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 2</title></head>
-      <body>
-        <h1>Page 2 - New Tab</h1>
-      </body>
-      </html>
-    `;
-    
-    const serverDir = '/tmp/test-chrome-native';
-    if (!fs.existsSync(serverDir)) {
-      fs.mkdirSync(serverDir, { recursive: true });
-    }
-    fs.writeFileSync(path.join(serverDir, 'page1.html'), htmlContent1);
-    fs.writeFileSync(path.join(serverDir, 'page2.html'), htmlContent2);
-    
-    const http = require('http');
-    const server = http.createServer((req, res) => {
-      let filePath = path.join(serverDir, req.url === '/' ? 'page1.html' : req.url);
-      if (fs.existsSync(filePath)) {
-        const content = fs.readFileSync(filePath);
-        res.writeHead(200, { 'Content-Type': 'text/html' });
-        res.end(content);
-      } else {
-        res.writeHead(404);
-        res.end('Not found');
-      }
-    });
-    
-    await new Promise(resolve => server.listen(currentPort, resolve));
-    console.log(`[${label}] Server on port ${currentPort}`);
-    
-    console.log(`[${label}] Launching Google Chrome...`);
-    const browser = await chromium.launch({
-      executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
-      headless: false
-    });
-    
-    console.log(`[${label}] Launched!`);
-    
-    console.log(`[${label}] Creating context...`);
-    const context = await browser.newContext();
-    
-    console.log(`[${label}] exposeFunction getCounter...`);
-    await context.exposeFunction('getCounter', () => {
-      sharedState.counter += 1;
-      console.log(`[${label}] getCounter: ${sharedState.counter}`);
-      return sharedState.counter;
-    });
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto(`http://localhost:${currentPort}/page1.html`, { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing first page...`);
-    const r1 = await page1.evaluate(() => window.getCounter());
-    console.log(`[${label}] First page: ${r1}`);
-    
-    console.log(`[${label}] Clicking link...`);
-    await page1.click('#link1');
-    
-    console.log(`[${label}] Waiting 3 seconds...`);
-    await new Promise(r => setTimeout(r, 3000));
-    
-    console.log(`[${label}] Checking pages...`);
-    const allPages = context.pages();
-    console.log(`[${label}] Total pages: ${allPages.length}`);
-    for (let i = 0; i < allPages.length; i++) {
-      console.log(`[${label}] Page ${i}: ${allPages[i].url()}`);
-    }
-    
-    if (allPages.length >= 2) {
-      console.log(`[${label}] Testing new tab...`);
-      const page2 = allPages[1];
-      const r2 = await page2.evaluate(() => window.getCounter());
-      console.log(`[${label}] New tab: ${r2}`);
-      
-      console.log(`[${label}] First page again...`);
-      const r1a = await page1.evaluate(() => window.getCounter());
-      console.log(`[${label}] First page again: ${r1a}`);
-      
-      console.log(`[${label}] New tab again...`);
-      const r2a = await page2.evaluate(() => window.getCounter());
-      console.log(`[${label}] New tab again: ${r2a}`);
-      
-      const success = r1 === 1 && r2 === 2 && r1a === 3 && r2a === 4;
-      if (success) {
-        console.log(`[${label}] ✓ PASS! Counter: 1 -> 2 -> 3 -> 4`);
-      } else {
-        console.log(`[${label}] ✗ FAIL! Expected: 1,2,3,4 Got: ${r1},${r2},${r1a},${r2a}`);
-      }
-    } else {
-      console.log(`[${label}] ✗ No new tab found!`);
-    }
-    
-    server.close();
-    await browser.close();
-    
-  } catch (error) {
-    console.error(`[${label}] Error:`, error.message);
-    console.error(error.stack);
-  }
-}
-
-async function main() {
-  console.log('Testing with local Google Chrome\n');
-  await testWithChrome('Native Chrome');
-  process.exit(0);
-}
-
-main();

package/test-client-connected.js

@@ -1,99 +0,0 @@
-const { chromium } = require('playwright');
-const fs = require('fs');
-const path = require('path');
-const http = require('http');
-
-let serverPort = 9600;
-
-async function testWithLogs(label, port) {
-  serverPort++;
-  const currentPort = serverPort;
-  
-  console.log(`Testing ${label} (port ${port})`);
-  
-  const htmlContent1 = `
-    <!DOCTYPE html>
-    <html>
-    <head><title>Page 1</title></head>
-    <body>
-      <h1>Page 1 - Click the link below</h1>
-      <a href="page2.html" target="_blank" id="link1">Open New Tab</a>
-    </body>
-    </html>
-  `;
-  
-  const htmlContent2 = `
-    <!DOCTYPE html>
-    <html>
-    <head><title>Page 2</title></head>
-    <body>
-      <h1>Page 2 - New Tab Opened!</h1>
-    </body>
-    </html>
-  `;
-  
-  const serverDir = '/tmp/test-logs3';
-  if (!fs.existsSync(serverDir)) {
-    fs.mkdirSync(serverDir, { recursive: true });
-  }
-  fs.writeFileSync(path.join(serverDir, 'page1.html'), htmlContent1);
-  fs.writeFileSync(path.join(serverDir, 'page2.html'), htmlContent2);
-  
-  const server = http.createServer((req, res) => {
-    let filePath = path.join(serverDir, req.url === '/' ? 'page1.html' : req.url);
-    if (fs.existsSync(filePath)) {
-      const content = fs.readFileSync(filePath);
-      res.writeHead(200, { 'Content-Type': 'text/html' });
-      res.end(content);
-    } else {
-      res.writeHead(404);
-      res.end('Not found');
-    }
-  });
-  
-  await new Promise(resolve => server.listen(currentPort, resolve));
-  
-  console.log('\n=== STEP 1: Connecting to CDP Tunnel ===');
-  const browser = await chromium.connectOverCDP(`http://localhost:${port}`);
-  console.log('Connected! Now check extension logs for "client-connected" message');
-  
-  console.log('\n=== STEP 2: Waiting 3 seconds ===');
-  await new Promise(r => setTimeout(r, 3000));
-  
-  console.log('\n=== STEP 3: Creating context ===');
-  const context = await browser.newContext();
-  
-  console.log('\n=== STEP 4: Creating first page ===');
-  const page1 = await context.newPage();
-  await page1.goto(`http://localhost:${currentPort}/page1.html`, { waitUntil: 'domcontentloaded' });
-  console.log(`Page loaded: ${page1.url()}`);
-  
-  console.log('\n=== STEP 5: Click the link NOW ===');
-  console.log('>>> Check extension logs for: [WS] Client connected <<<');
-  await page1.click('#link1');
-  
-  console.log('\n=== STEP 6: Waiting 5 seconds ===');
-  await new Promise(r => setTimeout(r, 5000));
-  
-  console.log('\n=== RESULTS ===');
-  const allPages = context.pages();
-  console.log(`Pages: ${allPages.length}`);
-  
-  server.close();
-  await browser.close();
-}
-
-async function main() {
-  console.log('=== Debug Test - Check "client-connected" message ===\n');
-  console.log('INSTRUCTIONS:');
-  console.log('1. Clear extension console logs');
-  console.log('2. Run test');
-  console.log('3. Look for: [WS] Client connected or client-connected');
-  console.log('4. Tell me if you see it!\n');
-  
-  await testWithLogs('CDP Tunnel', 9221);
-  
-  process.exit(0);
-}
-
-main();

package/test-compare-formats.js

@@ -1,88 +0,0 @@
-const WebSocket = require('ws');
-
-async function testCDPTunnel() {
-  console.log('\n=== Testing CDP Tunnel ===\n');
-  
-  const ws = new WebSocket('ws://localhost:9221/client');
-  
-  ws.on('open', () => {
-    console.log('[CDP Tunnel] Connected');
-    
-    // 启用 Target 域
-    ws.send(JSON.stringify({
-      id: 1,
-      method: 'Target.setDiscoverTargets',
-      params: { discover: true }
-    }));
-    console.log('[CDP Tunnel] Sent Target.setDiscoverTargets');
-  });
-  
-  ws.on('message', (data) => {
-    try {
-      const msg = JSON.parse(data.toString());
-      if (msg.method === 'Target.targetCreated') {
-        console.log('[CDP Tunnel] Received Target.targetCreated:');
-        console.log('  Raw:', JSON.stringify(msg).substring(0, 200));
-        console.log('  Has method:', !!msg.method);
-        console.log('  Has params:', !!msg.params);
-        console.log('  Has targetInfo:', !!msg.params?.targetInfo);
-      }
-    } catch (e) {}
-  });
-  
-  await new Promise(r => setTimeout(r, 15000));
-  ws.close();
-}
-
-async function testNativeCDP() {
-  console.log('\n=== Testing Native CDP (port 9222) ===\n');
-  
-  // 先启动 Chromium
-  const { spawn } = require('child_process');
-  const chrome = spawn('/Applications/Chromium.app/Contents/MacOS/Chromium', [
-    '--remote-debugging-port=9222',
-    '--user-data-dir=/tmp/chrome-test-format',
-    '--no-first-run'
-  ], { detached: true, stdio: 'ignore' });
-  
-  await new Promise(r => setTimeout(r, 3000));
-  
-  const ws = new WebSocket('ws://localhost:9222/devtools/browser');
-  
-  ws.on('open', () => {
-    console.log('[Native CDP] Connected');
-    
-    ws.send(JSON.stringify({
-      id: 1,
-      method: 'Target.setDiscoverTargets',
-      params: { discover: true }
-    }));
-    console.log('[Native CDP] Sent Target.setDiscoverTargets');
-  });
-  
-  ws.on('message', (data) => {
-    try {
-      const msg = JSON.parse(data.toString());
-      if (msg.method === 'Target.targetCreated') {
-        console.log('[Native CDP] Received Target.targetCreated:');
-        console.log('  Raw:', JSON.stringify(msg).substring(0, 200));
-        console.log('  Has method:', !!msg.method);
-        console.log('  Has params:', !!msg.params);
-        console.log('  Has targetInfo:', !!msg.params?.targetInfo);
-      }
-    } catch (e) {}
-  });
-  
-  await new Promise(r => setTimeout(r, 15000));
-  ws.close();
-  
-  try { process.kill(-chrome.pid); } catch(e) {}
-}
-
-async function main() {
-  await testCDPTunnel();
-  await testNativeCDP();
-  process.exit(0);
-}
-
-main();