cdp-tunnel 1.6.1 → 2.0.0

package/extension-new/background.js

@@ -13,17 +13,6 @@ importScripts('cdp/index.js');
 importScripts('features/screencast.js');
 importScripts('features/automation-badge.js');
 
-// 为字符串添加hashCode方法（用于生成颜色索引）
-String.prototype.hashCode = function() {
-  var hash = 0;
-  for (var i = 0; i < this.length; i++) {
-    var char = this.charCodeAt(i);
-    hash = ((hash << 5) - hash) + char;
-    hash = hash & hash; // Convert to 32bit integer
-  }
-  return hash;
-};
-
 (function() {
   'use strict';
 
@@ -271,7 +260,7 @@ String.prototype.hashCode = function() {
                 if (groupId) {
                   // 为不同的组使用不同的颜色
                   var colors = ['blue', 'red', 'yellow', 'green', 'pink', 'purple', 'cyan', 'orange'];
-                  var colorIndex = Math.abs(groupName.hashCode ? groupName.hashCode() : 0) % colors.length;
+                  var colorIndex = Math.abs(CDPUtils.hashCode(groupName)) % colors.length;
                   var groupColor = colors[colorIndex];
                   
                   chrome.tabGroups.update(groupId, {

package/extension-new/cdp/handler/special.js

@@ -171,7 +171,7 @@ var SpecialHandler = (function() {
             }
             if (groupId) {
               var colors = ['blue', 'red', 'yellow', 'green', 'pink', 'purple', 'cyan', 'orange'];
-              var colorIndex = Math.abs(groupName.hashCode ? groupName.hashCode() : 0) % colors.length;
+              var colorIndex = Math.abs(CDPUtils.hashCode(groupName)) % colors.length;
               
               chrome.tabGroups.update(groupId, {
                 title: groupName,
@@ -217,17 +217,6 @@ var SpecialHandler = (function() {
     });
   }
   
-  // 为字符串添加hashCode方法（用于生成颜色索引）
-  String.prototype.hashCode = function() {
-    var hash = 0;
-    for (var i = 0; i < this.length; i++) {
-      var char = this.charCodeAt(i);
-      hash = ((hash << 5) - hash) + char;
-      hash = hash & hash; // Convert to 32bit integer
-    }
-    return hash;
-  };
-
   function targetActivateTarget(context) {
     var params = context.params;
     var targetId = params && params.targetId;

package/extension-new/utils/helpers.js

@@ -17,9 +17,20 @@ var CDPUtils = (function() {
     });
   }
 
+  function hashCode(str) {
+    var hash = 0;
+    for (var i = 0; i < str.length; i++) {
+      var char = str.charCodeAt(i);
+      hash = ((hash << 5) - hash) + char;
+      hash = hash & hash;
+    }
+    return hash;
+  }
+
   return {
     generateSessionId: generateSessionId,
     getChromeVersion: getChromeVersion,
-    sleep: sleep
+    sleep: sleep,
+    hashCode: hashCode
   };
 })();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cdp-tunnel",
-  "version": "1.6.1",
-  "description": "Chrome Extension CDP Proxy - 通过 Chrome 扩展将 chrome.debugger API 暴露为 WebSocket 端点",
+  "version": "2.0.0",
+  "description": "Bridge Chrome's debugger API to WebSocket — control your existing browser with Playwright/Puppeteer via CDP",
   "main": "server/proxy-server.js",
   "bin": "./cli/index.js",
   "scripts": {
@@ -19,12 +19,30 @@
   "keywords": [
     "cdp",
     "chrome-devtools-protocol",
+    "cdp-proxy",
     "playwright",
     "puppeteer",
-    "chrome-extension"
+    "chrome-extension",
+    "browser-automation",
+    "web-scraping",
+    "remote-debugging",
+    "websocket",
+    "testing",
+    "browser-control"
   ],
   "author": "dyyz1993",
   "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dyyz1993/cdp-tunnel.git"
+  },
+  "homepage": "https://github.com/dyyz1993/cdp-tunnel#readme",
+  "bugs": {
+    "url": "https://github.com/dyyz1993/cdp-tunnel/issues"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
   "files": [
     "server/",
     "cli/",

package/server/proxy-server.js

@@ -226,10 +226,11 @@ async function handleHttpRequest(req, res) {
     
     if (url.pathname === '/json/version' || url.pathname === '/json/version/') {
         const payload = {
-            Browser: 'CDP Bridge',
+            Browser: `Chrome/131.0.6778.86`,
             'Protocol-Version': '1.3',
-            'User-Agent': 'Chrome',
-            'V8-Version': '',
+            'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.6778.86 Safari/537.36',
+            'V8-Version': '13.1.201.8',
+            'WebKit-Version': '537.36',
             webSocketDebuggerUrl: buildWebSocketDebuggerUrl(req)
         };
         res.writeHead(200, { 'Content-Type': 'application/json' });
@@ -255,7 +256,9 @@ async function handleHttpRequest(req, res) {
             })
             .map(t => ({
                 description: '',
-                devtoolsFrontendUrl: '',
+                devtoolsFrontendUrl: `devtools://devtools/bundled/inspector.html?ws=${getHost(req)}/devtools/page/${t.targetId}`,
+                devtoolsFrontendUrlCompat: `devtools://devtools/bundled/inspector.html?ws=${getHost(req)}/devtools/page/${t.targetId}`,
+                faviconUrl: '',
                 id: t.targetId,
                 title: t.title || '',
                 type: t.type,

package/extension-new/popup.html

@@ -1,72 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <style>
-    body {
-      width: 300px;
-      padding: 15px;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      font-size: 14px;
-    }
-    .status {
-      display: flex;
-      align-items: center;
-      margin-bottom: 15px;
-    }
-    .status-dot {
-      width: 10px;
-      height: 10px;
-      border-radius: 50%;
-      margin-right: 8px;
-    }
-    .status-dot.active {
-      background-color: #4CAF50;
-    }
-    .status-dot.inactive {
-      background-color: #9E9E9E;
-    }
-    .config-section {
-      margin-top: 15px;
-    }
-    .config-section label {
-      display: block;
-      margin-bottom: 5px;
-      font-weight: 500;
-    }
-    .config-section input {
-      width: 100%;
-      padding: 8px;
-      border: 1px solid #ddd;
-      border-radius: 4px;
-      box-sizing: border-box;
-    }
-    .config-section button {
-      margin-top: 10px;
-      padding: 8px 16px;
-      background-color: #2196F3;
-      color: white;
-      border: none;
-      border-radius: 4px;
-      cursor: pointer;
-    }
-    .config-section button:hover {
-      background-color: #1976D2;
-    }
-  </style>
-</head>
-<body>
-  <div class="status">
-    <div class="status-dot active" id="statusDot"></div>
-    <span id="statusText">已激活</span>
-  </div>
-  
-  <div class="config-section">
-    <label>WebSocket 地址</label>
-    <input type="text" id="wsAddress" placeholder="ws://localhost:9221/client">
-    <button id="saveBtn">保存</button>
-  </div>
-  
-  <script src="popup.js"></script>
-</body>
-</html>

package/extension-new/popup.js

@@ -1,34 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-  var statusDot = document.getElementById('statusDot');
-  var statusText = document.getElementById('statusText');
-  var wsAddressInput = document.getElementById('wsAddress');
-  var saveBtn = document.getElementById('saveBtn');
-
-  chrome.storage.local.get(['wsAddress'], function(result) {
-    if (result.wsAddress) {
-      wsAddressInput.value = result.wsAddress;
-    } else {
-      wsAddressInput.value = 'ws://localhost:9221/plugin';
-    }
-  });
-
-  saveBtn.addEventListener('click', function() {
-    var newAddress = wsAddressInput.value.trim();
-    if (newAddress) {
-      chrome.storage.local.set({ wsAddress: newAddress }, function() {
-        statusText.textContent = '已保存，正在重连...';
-        
-        chrome.runtime.sendMessage({ type: 'reconnect' }, function(response) {
-          if (response && response.success) {
-            statusText.textContent = '已激活';
-          } else {
-            statusText.textContent = '重连失败';
-          }
-        });
-      });
-    }
-  });
-
-  statusDot.classList.add('active');
-  statusText.textContent = '已激活';
-});