@leeguoo/pwtk-network-debugger 1.2.19 → 1.2.21

package/dist/index.esm.js

@@ -6608,8 +6608,100 @@ function requireCryptoJs() {
 }
 var cryptoJsExports = requireCryptoJs();
 const CryptoJS = /* @__PURE__ */ getDefaultExportFromCjs(cryptoJsExports);
+class Logger {
+  constructor() {
+    this.panel = null;
+    this.enableBrowserConsole = false;
+    this.logLevel = "debug";
+    this.buffer = [];
+    this.maxBufferSize = 100;
+    this.enableBrowserConsole = false;
+    this.logLevel = "debug";
+  }
+  configure(config) {
+    if (config.enableBrowserConsole !== void 0) {
+      this.enableBrowserConsole = config.enableBrowserConsole;
+    }
+    if (config.logLevel !== void 0) {
+      this.logLevel = config.logLevel;
+    }
+  }
+  setPanel(panel) {
+    this.panel = panel;
+    this.flushBuffer();
+  }
+  flushBuffer() {
+    if (!this.panel) return;
+    this.buffer.forEach(({ message, type }) => {
+      this.panel.logToConsole(message, type);
+    });
+    this.buffer = [];
+  }
+  shouldLog(level) {
+    const levels = ["debug", "info", "warn", "error"];
+    const currentIndex = levels.indexOf(this.logLevel);
+    const messageIndex = levels.indexOf(level);
+    return messageIndex >= currentIndex;
+  }
+  formatMessage(level, message, args) {
+    const argsStr = args.map((arg) => {
+      if (typeof arg === "object") {
+        try {
+          return JSON.stringify(arg, null, 2);
+        } catch {
+          return String(arg);
+        }
+      }
+      return String(arg);
+    }).join(" ");
+    return argsStr ? `${message} ${argsStr}` : message;
+  }
+  output(message, type, browserMethod) {
+    if (this.panel) {
+      this.panel.logToConsole(message, type);
+    } else {
+      this.buffer.push({ message, type, timestamp: /* @__PURE__ */ new Date() });
+      if (this.buffer.length > this.maxBufferSize) {
+        this.buffer.shift();
+      }
+    }
+    if (this.enableBrowserConsole) {
+      console[browserMethod](message);
+    }
+  }
+  debug(message, ...args) {
+    if (!this.shouldLog("debug")) return;
+    const formatted = this.formatMessage("[DEBUG]", message, args);
+    this.output(formatted, "log", "log");
+  }
+  log(message, ...args) {
+    if (!this.shouldLog("info")) return;
+    const formatted = this.formatMessage("", message, args);
+    this.output(formatted, "log", "log");
+  }
+  info(message, ...args) {
+    if (!this.shouldLog("info")) return;
+    const formatted = this.formatMessage("[INFO]", message, args);
+    this.output(formatted, "log", "log");
+  }
+  warn(message, ...args) {
+    if (!this.shouldLog("warn")) return;
+    const formatted = this.formatMessage("[WARN]", message, args);
+    this.output(formatted, "warn", "warn");
+  }
+  error(message, ...args) {
+    if (!this.shouldLog("error")) return;
+    const formatted = this.formatMessage("[ERROR]", message, args);
+    this.output(formatted, "error", "error");
+  }
+  // 特殊方法：仅输出到浏览器控制台（用于重要的初始化信息）
+  consoleDirect(message, ...args) {
+    console.log(message, ...args);
+  }
+}
+const logger = new Logger();
 function decrypt(encryptedData, keyStr) {
-  console.log("[PWTK Decrypt] decrypt function called:", {
+  logger.debug("[PWTK Decrypt] decrypt function called:", {
     dataLength: encryptedData?.length,
     dataPreview: encryptedData?.substring(0, 50),
     keyStr,
@@ -6617,25 +6709,25 @@ function decrypt(encryptedData, keyStr) {
     hasWindowEncrypt: typeof window.encrypt === "function"
   });
   if (!encryptedData || encryptedData.startsWith("{") || encryptedData.startsWith("[")) {
-    console.log("[PWTK Decrypt] Data looks like JSON, parsing directly");
+    logger.debug("[PWTK Decrypt] Data looks like JSON, parsing directly");
     try {
       const parsed = JSON.parse(encryptedData);
-      console.log("[PWTK Decrypt] Successfully parsed as JSON");
+      logger.debug("[PWTK Decrypt] Successfully parsed as JSON");
       return parsed;
     } catch {
-      console.log("[PWTK Decrypt] Failed to parse as JSON, returning as string");
+      logger.debug("[PWTK Decrypt] Failed to parse as JSON, returning as string");
       return encryptedData;
     }
   }
   if (window.decrypt && keyStr) {
-    console.log("[PWTK Decrypt] Trying WebAssembly decrypt");
-    console.log("[PWTK Decrypt] Input to window.decrypt:", {
+    logger.debug("[PWTK Decrypt] Trying WebAssembly decrypt");
+    logger.debug("[PWTK Decrypt] Input to window.decrypt:", {
       data: encryptedData.substring(0, 100) + "...",
       key: keyStr
     });
     try {
       const decrypted = window.decrypt(encryptedData, keyStr);
-      console.log("[PWTK Decrypt] window.decrypt returned:", {
+      logger.debug("[PWTK Decrypt] window.decrypt returned:", {
         type: typeof decrypted,
         length: decrypted?.length,
         preview: decrypted ? decrypted.substring(0, 200) + (decrypted.length > 200 ? "..." : "") : null,
@@ -6645,22 +6737,22 @@ function decrypt(encryptedData, keyStr) {
       if (decrypted && decrypted !== encryptedData && !decrypted.includes("�")) {
         try {
           const parsed = JSON.parse(decrypted);
-          console.log("[PWTK Decrypt] ✅ WebAssembly decryption successful, parsed as JSON:", parsed);
+          logger.debug("[PWTK Decrypt] ✅ WebAssembly decryption successful, parsed as JSON:", parsed);
           return parsed;
         } catch {
           if (decrypted.length > 0) {
-            console.log("[PWTK Decrypt] ✅ WebAssembly decryption successful, returning as string");
+            logger.debug("[PWTK Decrypt] ✅ WebAssembly decryption successful, returning as string");
             return decrypted;
           }
         }
       } else {
-        console.log("[PWTK Decrypt] window.decrypt did not change the data or returned invalid result");
+        logger.debug("[PWTK Decrypt] window.decrypt did not change the data or returned invalid result");
       }
     } catch (e) {
-      console.log("[PWTK Decrypt] WebAssembly decrypt error:", e);
+      logger.debug("[PWTK Decrypt] WebAssembly decrypt error:", e);
     }
   } else {
-    console.log("[PWTK Decrypt] WebAssembly not available:", {
+    logger.debug("[PWTK Decrypt] WebAssembly not available:", {
       hasWindowDecrypt: !!window.decrypt,
       hasKey: !!keyStr,
       windowDecryptType: typeof window.decrypt
@@ -6701,7 +6793,7 @@ function decrypt(encryptedData, keyStr) {
     }
   } catch {
   }
-  console.log("[PWTK Decrypt] ❌ All decryption methods failed, returning original data");
+  logger.debug("[PWTK Decrypt] ❌ All decryption methods failed, returning original data");
   return encryptedData;
 }
 class NetworkInterceptor {
@@ -6754,12 +6846,12 @@ class NetworkInterceptor {
       try {
         listener(request);
       } catch (error) {
-        console.warn("NetworkDebugger: Listener error:", error);
+        logger.warn("NetworkDebugger: Listener error:", error);
       }
     });
   }
   async tryDecrypt(data, headers) {
-    console.log("[PWTK Debug] tryDecrypt called:", {
+    logger.debug("[PWTK Debug] tryDecrypt called:", {
       dataType: typeof data,
       dataLength: typeof data === "string" ? data.length : JSON.stringify(data).length,
       dataPreview: typeof data === "string" ? data.substring(0, 100) : JSON.stringify(data).substring(0, 100),
@@ -6768,14 +6860,14 @@ class NetworkInterceptor {
       hasWindowDecrypt: typeof window.decrypt === "function"
     });
     if (!this.decryptConfig.enabled || !data) {
-      console.log("[PWTK Debug] Decrypt disabled or no data");
+      logger.debug("[PWTK Debug] Decrypt disabled or no data");
       return null;
     }
     try {
       let key = "";
       let slk = "";
       if (headers.cid && this.decryptConfig.autoFetchKeys !== false) {
-        console.log("[PWTK Debug] Trying to fetch key with cid:", headers.cid);
+        logger.debug("[PWTK Debug] Trying to fetch key with cid:", headers.cid);
         try {
           const apiUrl = this.decryptConfig.keyApiUrl || "https://gw-card-pay.buyacard.cc/ip/getSK";
           const fetchHeaders = {
@@ -6784,57 +6876,57 @@ class NetworkInterceptor {
             device: headers.device || "Web",
             language: headers.language || "CN"
           };
-          console.log("[PWTK Debug] Fetching key from:", apiUrl, "with headers:", fetchHeaders);
+          logger.debug("[PWTK Debug] Fetching key from:", apiUrl, "with headers:", fetchHeaders);
           const originalFetch = window.__originalFetch || window.fetch;
           const response = await originalFetch(apiUrl, { headers: fetchHeaders });
           const result = await response.json();
-          console.log("[PWTK Debug] getSK API response:", result);
+          logger.debug("[PWTK Debug] getSK API response:", result);
           if (result.success && result.data) {
             const num = String(result.data);
-            console.log("[PWTK Debug] getSK returned num:", num, "length:", num.length);
+            logger.debug("[PWTK Debug] getSK returned num:", num, "length:", num.length);
             if (num.length >= 9) {
               key = num.charAt(2) + num.charAt(5) + num.charAt(8);
-              console.log("[PWTK Debug] Extracted key from getSK:", key);
+              logger.debug("[PWTK Debug] Extracted key from getSK:", key);
             } else {
-              console.log("[PWTK Debug] getSK num too short:", num);
+              logger.debug("[PWTK Debug] getSK num too short:", num);
             }
           } else {
-            console.log("[PWTK Debug] getSK failed:", result);
+            logger.debug("[PWTK Debug] getSK failed:", result);
           }
         } catch (e) {
-          console.warn("[PWTK Debug] getSK API error:", e);
+          logger.warn("[PWTK Debug] getSK API error:", e);
         }
       } else {
-        console.log("[PWTK Debug] No cid or autoFetchKeys disabled");
+        logger.debug("[PWTK Debug] No cid or autoFetchKeys disabled");
       }
       if (!key && this.decryptConfig.keyExtractor) {
         key = this.decryptConfig.keyExtractor(headers);
-        console.log("[PWTK Debug] Key from custom extractor:", key);
+        logger.debug("[PWTK Debug] Key from custom extractor:", key);
       } else if (!key) {
         key = headers.decryptKey || headers.keys || headers.cid || "";
-        console.log("[PWTK Debug] Key from headers:", key, "from:", headers.decryptKey ? "decryptKey" : headers.keys ? "keys" : headers.cid ? "cid" : "none");
+        logger.debug("[PWTK Debug] Key from headers:", key, "from:", headers.decryptKey ? "decryptKey" : headers.keys ? "keys" : headers.cid ? "cid" : "none");
       }
       if (this.decryptConfig.slkExtractor) {
         slk = this.decryptConfig.slkExtractor(headers);
-        console.log("[PWTK Debug] SLK from custom extractor:", slk);
+        logger.debug("[PWTK Debug] SLK from custom extractor:", slk);
       } else {
         slk = headers.decryptSlk || headers.slk || "";
-        console.log("[PWTK Debug] SLK from headers:", slk, "from:", headers.decryptSlk ? "decryptSlk" : headers.slk ? "slk" : "none");
+        logger.debug("[PWTK Debug] SLK from headers:", slk, "from:", headers.decryptSlk ? "decryptSlk" : headers.slk ? "slk" : "none");
       }
       const fullKey = key + slk;
-      console.log("[PWTK Debug] Full decrypt key:", fullKey ? `"${fullKey}" (length: ${fullKey.length})` : "empty");
+      logger.debug("[PWTK Debug] Full decrypt key:", fullKey ? `"${fullKey}" (length: ${fullKey.length})` : "empty");
       if (fullKey) {
         let dataToDecrypt = data;
         let isWrappedData = false;
         if (typeof data === "object" && data !== null && data.data && typeof data.data === "string") {
-          console.log('[PWTK Debug] Data is wrapped in {"data": "..."} format, extracting inner data');
+          logger.debug('[PWTK Debug] Data is wrapped in {"data": "..."} format, extracting inner data');
           dataToDecrypt = data.data;
           isWrappedData = true;
         } else if (typeof data === "string") {
           try {
             const parsed = JSON.parse(data);
             if (parsed.data && typeof parsed.data === "string") {
-              console.log("[PWTK Debug] Data is JSON string with data field, extracting");
+              logger.debug("[PWTK Debug] Data is JSON string with data field, extracting");
               dataToDecrypt = parsed.data;
               isWrappedData = true;
             }
@@ -6842,32 +6934,32 @@ class NetworkInterceptor {
           }
         }
         const dataStr = typeof dataToDecrypt === "string" ? dataToDecrypt : JSON.stringify(dataToDecrypt);
-        console.log("[PWTK Debug] Calling decrypt with:", {
+        logger.debug("[PWTK Debug] Calling decrypt with:", {
           dataLength: dataStr.length,
           dataPreview: dataStr.substring(0, 50),
           key: fullKey,
           isWrapped: isWrappedData
         });
         const decrypted = decrypt(dataStr, fullKey);
-        console.log("[PWTK Debug] Decrypt result:", {
+        logger.debug("[PWTK Debug] Decrypt result:", {
           success: decrypted && decrypted !== dataStr,
           decryptedType: typeof decrypted,
           decryptedLength: decrypted ? typeof decrypted === "string" ? decrypted.length : JSON.stringify(decrypted).length : 0,
           preview: decrypted ? typeof decrypted === "string" ? decrypted.substring(0, 100) : JSON.stringify(decrypted).substring(0, 100) : null
         });
         if (decrypted && decrypted !== dataStr) {
-          console.log("[PWTK Debug] ✅ Decryption successful! Result:", decrypted);
+          logger.debug("[PWTK Debug] ✅ Decryption successful! Result:", decrypted);
           return decrypted;
         } else {
-          console.log("[PWTK Debug] ❌ Decryption failed or returned same data");
+          logger.debug("[PWTK Debug] ❌ Decryption failed or returned same data");
         }
       } else {
-        console.log("[PWTK Debug] No key available, skipping decryption");
+        logger.debug("[PWTK Debug] No key available, skipping decryption");
       }
     } catch (error) {
-      console.error("[PWTK Debug] tryDecrypt error:", error);
+      logger.error("[PWTK Debug] tryDecrypt error:", error);
     }
-    console.log("[PWTK Debug] tryDecrypt returning null");
+    logger.debug("[PWTK Debug] tryDecrypt returning null");
     return null;
   }
   interceptXHR() {
@@ -6911,17 +7003,17 @@ class NetworkInterceptor {
             if (decrypted !== null) {
               requestData.decryptedRequest = decrypted;
               self2.requests.set(requestId, requestData);
-              console.log("[PWTK Debug] Request decrypted, notifying UI");
+              logger.debug("[PWTK Debug] Request decrypted, notifying UI");
               self2.notifyListeners(requestData);
             }
-          }).catch((e) => console.warn("解密请求失败:", e));
+          }).catch((e) => logger.warn("解密请求失败:", e));
         }
         self2.requests.set(requestId, requestData);
         self2.notifyListeners(requestData);
         return originalSend.call(this, body);
       };
       xhr.addEventListener("readystatechange", function() {
-        console.log("[PWTK Debug] XHR state changed:", {
+        logger.debug("[PWTK Debug] XHR state changed:", {
           readyState: xhr.readyState,
           readyStateName: ["UNSENT", "OPENED", "HEADERS_RECEIVED", "LOADING", "DONE"][xhr.readyState],
           status: xhr.status,
@@ -6929,7 +7021,7 @@ class NetworkInterceptor {
           requestId,
           url
         });
-        console.log("[PWTK Debug] Checking response condition:", {
+        logger.debug("[PWTK Debug] Checking response condition:", {
           readyState: xhr.readyState,
           isDone: xhr.readyState === 4,
           XMLHttpRequestDONE: typeof XMLHttpRequest !== "undefined" ? XMLHttpRequest.DONE : "undefined",
@@ -6937,11 +7029,11 @@ class NetworkInterceptor {
           shouldProcess: xhr.readyState === 4 && !isInternalRequest
         });
         if (xhr.readyState === 4 && !isInternalRequest) {
-          console.log("[PWTK Debug] XHR completed, processing response");
+          logger.debug("[PWTK Debug] XHR completed, processing response");
           const endTime = Date.now();
           const requestData = self2.requests.get(requestId);
           if (requestData) {
-            console.log("[PWTK Debug] Found request data, updating with response");
+            logger.debug("[PWTK Debug] Found request data, updating with response");
             requestData.status = xhr.status;
             requestData.statusText = xhr.statusText;
             requestData.duration = endTime - startTime;
@@ -6957,7 +7049,7 @@ class NetworkInterceptor {
             }
             requestData.responseHeaders = responseHeaders;
             const hasResponseText = xhr.responseText !== null && xhr.responseText !== void 0 && xhr.responseText !== "";
-            console.log("[PWTK Debug] XHR Response received:", {
+            logger.debug("[PWTK Debug] XHR Response received:", {
               status: requestData.status,
               hasResponseText,
               responseTextLength: xhr.responseText?.length,
@@ -6966,16 +7058,16 @@ class NetworkInterceptor {
             if (hasResponseText) {
               try {
                 requestData.responseBody = JSON.parse(xhr.responseText);
-                console.log("[PWTK Debug] Response parsed as JSON:", requestData.responseBody);
+                logger.debug("[PWTK Debug] Response parsed as JSON:", requestData.responseBody);
               } catch {
                 requestData.responseBody = xhr.responseText;
-                console.log("[PWTK Debug] Response kept as text");
+                logger.debug("[PWTK Debug] Response kept as text");
               }
             } else {
               requestData.responseBody = null;
-              console.log("[PWTK Debug] No response body");
+              logger.debug("[PWTK Debug] No response body");
             }
-            console.log("[PWTK Debug] Updating request with response data");
+            logger.debug("[PWTK Debug] Updating request with response data");
             self2.requests.set(requestId, requestData);
             self2.notifyListeners(requestData);
             if (requestData.responseBody) {
@@ -6983,13 +7075,13 @@ class NetworkInterceptor {
                 if (decrypted !== null) {
                   requestData.decryptedResponse = decrypted;
                   self2.requests.set(requestId, requestData);
-                  console.log("[PWTK Debug] Response decrypted, notifying UI:", decrypted);
+                  logger.debug("[PWTK Debug] Response decrypted, notifying UI:", decrypted);
                   self2.notifyListeners(requestData);
                 }
-              }).catch((e) => console.warn("解密响应失败:", e));
+              }).catch((e) => logger.warn("解密响应失败:", e));
             }
           } else {
-            console.log("[PWTK Debug] WARNING: Request data not found for ID:", requestId);
+            logger.debug("[PWTK Debug] WARNING: Request data not found for ID:", requestId);
           }
         }
       });
@@ -7049,10 +7141,10 @@ class NetworkInterceptor {
           if (decrypted !== null) {
             requestData.decryptedRequest = decrypted;
             self2.requests.set(requestId, requestData);
-            console.log("[PWTK Debug] Fetch request decrypted, notifying UI");
+            logger.debug("[PWTK Debug] Fetch request decrypted, notifying UI");
             self2.notifyListeners(requestData);
           }
-        }).catch((e) => console.warn("解密请求失败:", e));
+        }).catch((e) => logger.warn("解密请求失败:", e));
       }
       self2.requests.set(requestId, requestData);
       self2.notifyListeners(requestData);
@@ -7072,7 +7164,7 @@ class NetworkInterceptor {
           updatedRequestData.responseHeaders = responseHeaders;
           try {
             const responseText = await responseClone.text();
-            console.log("[PWTK Debug] Fetch Response received:", {
+            logger.debug("[PWTK Debug] Fetch Response received:", {
               status: updatedRequestData.status,
               textLength: responseText.length,
               textPreview: responseText.substring(0, 100)
@@ -7092,10 +7184,10 @@ class NetworkInterceptor {
                 if (decrypted !== null) {
                   updatedRequestData.decryptedResponse = decrypted;
                   self2.requests.set(requestId, updatedRequestData);
-                  console.log("[PWTK Debug] Fetch response decrypted, notifying UI:", decrypted);
+                  logger.debug("[PWTK Debug] Fetch response decrypted, notifying UI:", decrypted);
                   self2.notifyListeners(updatedRequestData);
                 }
-              }).catch((e) => console.warn("解密响应失败:", e));
+              }).catch((e) => logger.warn("解密响应失败:", e));
             }
           } catch (error) {
             updatedRequestData.error = `Failed to read response: ${error}`;
@@ -7124,14 +7216,14 @@ class WasmLoader {
     this.loading = false;
   }
   async loadWasm(wasmUrl, jsUrl) {
-    console.log("[PWTK WASM] loadWasm called");
-    console.log("[PWTK WASM] Current state:", {
+    logger.debug("[PWTK WASM] loadWasm called");
+    logger.debug("[PWTK WASM] Current state:", {
       hasWindowDecrypt: typeof window.decrypt === "function",
       hasWindowEncrypt: typeof window.encrypt === "function",
       hasWindowGo: typeof window.Go !== "undefined"
     });
     if (typeof window.decrypt === "function") {
-      console.log("[PWTK WASM] window.decrypt already exists, skipping WASM load");
+      logger.debug("[PWTK WASM] window.decrypt already exists, skipping WASM load");
       this.loaded = true;
       return true;
     }
@@ -7170,11 +7262,11 @@ class WasmLoader {
           await this.loadScript(jsPath);
           if (typeof window.Go !== "undefined") {
             jsLoaded = true;
-            console.log("[PWTK WASM] wasm_exec.js loaded successfully from:", jsPath);
+            logger.debug("[PWTK WASM] wasm_exec.js loaded successfully from:", jsPath);
             break;
           }
         } catch (e) {
-          console.warn("NetworkDebugger: 尝试加载", jsPath, "失败:", e);
+          logger.warn("NetworkDebugger: 尝试加载", jsPath, "失败:", e);
           continue;
         }
       }
@@ -7194,23 +7286,23 @@ class WasmLoader {
                 fetch(wasmPath),
                 go.importObject
               );
-              console.log("NetworkDebugger: WebAssembly 加载成功:", wasmPath);
+              logger.info("NetworkDebugger: WebAssembly 加载成功:", wasmPath);
               break;
             } catch (streamError) {
-              console.warn("instantiateStreaming 失败，尝试传统方式:", streamError);
+              logger.warn("instantiateStreaming 失败，尝试传统方式:", streamError);
               const wasmBuffer = await fetch(wasmPath).then((response) => response.arrayBuffer());
               wasmModule = await WebAssembly.instantiate(wasmBuffer, go.importObject);
-              console.log("NetworkDebugger: WebAssembly 加载成功(传统方式):", wasmPath);
+              logger.info("NetworkDebugger: WebAssembly 加载成功(传统方式):", wasmPath);
               break;
             }
           } else {
             const wasmBuffer = await fetch(wasmPath).then((response) => response.arrayBuffer());
             wasmModule = await WebAssembly.instantiate(wasmBuffer, go.importObject);
-            console.log("NetworkDebugger: WebAssembly 加载成功(传统方式):", wasmPath);
+            logger.info("NetworkDebugger: WebAssembly 加载成功(传统方式):", wasmPath);
             break;
           }
         } catch (error) {
-          console.warn("NetworkDebugger: 尝试加载", wasmPath, "失败:", error);
+          logger.warn("NetworkDebugger: 尝试加载", wasmPath, "失败:", error);
           continue;
         }
       }
@@ -7219,25 +7311,25 @@ class WasmLoader {
       }
       go.run(wasmModule.instance);
       await new Promise((resolve) => setTimeout(resolve, 100));
-      console.log("[PWTK WASM] After WASM load, checking functions:", {
+      logger.debug("[PWTK WASM] After WASM load, checking functions:", {
         hasDecrypt: typeof window.decrypt === "function",
         hasEncrypt: typeof window.encrypt === "function",
         windowKeys: Object.keys(window).filter((k) => k.includes("crypt"))
       });
       if (typeof window.decrypt === "function") {
         this.loaded = true;
-        console.log("[PWTK WASM] ✅ WebAssembly loaded successfully, decrypt function available");
+        logger.debug("[PWTK WASM] ✅ WebAssembly loaded successfully, decrypt function available");
         return true;
       } else {
-        console.warn("[PWTK WASM] ❌ WebAssembly loaded but decrypt function not available");
+        logger.warn("[PWTK WASM] ❌ WebAssembly loaded but decrypt function not available");
         return false;
       }
     } catch (error) {
-      console.error("[PWTK WASM] WebAssembly loading failed:", error);
+      logger.error("[PWTK WASM] WebAssembly loading failed:", error);
       return false;
     } finally {
       this.loading = false;
-      console.log("[PWTK WASM] Load complete, final state:", {
+      logger.debug("[PWTK WASM] Load complete, final state:", {
         loaded: this.loaded,
         hasDecrypt: typeof window.decrypt === "function"
       });
@@ -7900,13 +7992,13 @@ async function createShareLink(requestData) {
     const result = await response.json();
     if (result.shareId) {
       const shareUrl = `https://curl.bwg.leeguoo.com/share/${result.shareId}`;
-      console.log(`🔗 分享链接创建成功 (by Leo): ${shareUrl}`);
+      logger.info(`🔗 分享链接创建成功 (by Leo): ${shareUrl}`);
       return shareUrl;
     } else {
       throw new Error(result.error || "创建分享失败");
     }
   } catch (error) {
-    console.error("NetworkDebugger: 创建分享链接失败:", error);
+    logger.error("NetworkDebugger: 创建分享链接失败:", error);
     throw error;
   }
 }
@@ -7927,7 +8019,7 @@ async function copyToClipboard(text) {
       return success;
     }
   } catch (error) {
-    console.error("复制到剪贴板失败:", error);
+    logger.error("复制到剪贴板失败:", error);
     return false;
   }
 }
@@ -7966,6 +8058,7 @@ class DebugPanel {
     this.createPanel();
     this.bindEvents();
     this.startListening();
+    logger.setPanel(this);
   }
   createPanel() {
     if (!document.getElementById("network-debugger-styles")) {
@@ -8024,7 +8117,7 @@ class DebugPanel {
           <div class="about-panel" data-panel="about" style="display: none;">
             <div style="padding: 20px; color: #fff; text-align: center;">
               <h2 style="margin: 0 0 20px 0;">🔓 PWTK 解密小工具</h2>
-              <p style="margin: 10px 0;">Version: 1.2.14</p>
+              <p style="margin: 10px 0;">Version: 1.2.20</p>
               <p style="margin: 10px 0;">👨‍💻 Created by <strong>Leo (@leeguoo)</strong></p>
               <p style="margin: 10px 0;">📧 技术支持：请联系 Leo</p>
               <p style="margin: 10px 0;">🌐 分享服务：curl.bwg.leeguoo.com</p>
@@ -8123,7 +8216,7 @@ class DebugPanel {
     this.renderRequests();
   }
   addRequestToUI(request) {
-    console.log("[PWTK UI] Adding/updating request:", {
+    logger.debug("[PWTK UI] Adding/updating request:", {
       id: request.id,
       url: request.url,
       hasResponse: !!request.responseBody,
@@ -8353,7 +8446,7 @@ Created by Leo (@leeguoo)`);
         throw new Error("无法创建分享链接");
       }
     } catch (error) {
-      console.error("分享失败:", error);
+      logger.error("分享失败:", error);
       this.logToConsole(`❌ 分享失败: ${error}`);
       alert("分享失败，请稍后重试");
     }
@@ -8596,7 +8689,7 @@ class NetworkDebugger {
   }
   async init(config = {}) {
     if (this.initialized) {
-      console.warn("NetworkDebugger already initialized");
+      logger.warn("NetworkDebugger already initialized");
       return;
     }
     this.config = {
@@ -8615,20 +8708,29 @@ class NetworkDebugger {
         keyApiUrl: "https://gw-card-pay.buyacard.cc/ip/getSK",
         ...config.decrypt
       },
+      log: {
+        toBrowserConsole: false,
+        level: "info",
+        ...config.log
+      },
       ...config
     };
+    logger.configure({
+      enableBrowserConsole: this.config.log?.toBrowserConsole || false,
+      logLevel: this.config.log?.level || "info"
+    });
     try {
       if (this.config.wasm?.enabled !== false) {
-        console.log("[PWTK Init] Starting WASM initialization");
+        logger.info("[PWTK Init] Starting WASM initialization");
         this.wasmLoader = new WasmLoader();
         const wasmLoaded = await this.wasmLoader.loadWasm(this.config.wasm?.wasmUrl, this.config.wasm?.jsUrl);
         if (wasmLoaded) {
-          console.log("[PWTK Init] ✅ WASM decrypt function ready");
+          logger.info("[PWTK Init] ✅ WASM decrypt function ready");
         } else {
-          console.log("[PWTK Init] ⚠️ WASM load failed or decrypt function unavailable, will rely on page-provided decryption");
+          logger.warn("[PWTK Init] ⚠️ WASM load failed or decrypt function unavailable, will rely on page-provided decryption");
         }
       } else {
-        console.log("[PWTK Init] WASM disabled in config");
+        logger.info("[PWTK Init] WASM disabled in config");
       }
       this.interceptor = new NetworkInterceptor();
       if (this.config.decrypt?.enabled) {
@@ -8643,23 +8745,23 @@ class NetworkDebugger {
         this.createPanel();
       }
       this.initialized = true;
-      console.log(`
+      logger.consoleDirect(`
 ╔════════════════════════════════════════╗
-║  🔓 PWTK 解密小工具 v1.2.19           ║
+║  🔓 PWTK 解密小工具 v1.2.20           ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║
 ╚════════════════════════════════════════╝
       `);
-      console.log("🔍 NetworkDebugger initialized successfully");
+      logger.info("🔍 NetworkDebugger initialized successfully");
     } catch (error) {
-      console.error("NetworkDebugger initialization failed:", error);
+      logger.error("NetworkDebugger initialization failed:", error);
       throw error;
     }
   }
   show() {
     if (!this.initialized) {
-      console.error("NetworkDebugger not initialized. Call init() first.");
+      logger.error("NetworkDebugger not initialized. Call init() first.");
       return;
     }
     if (!this.panel) {
@@ -8679,7 +8781,7 @@ class NetworkDebugger {
       this.panel = null;
     }
     this.initialized = false;
-    console.log("NetworkDebugger destroyed");
+    logger.info("NetworkDebugger destroyed");
   }
   getRequests() {
     return this.interceptor?.getRequests() || [];
@@ -8711,7 +8813,7 @@ class NetworkDebugger {
   }
   createPanel() {
     if (!this.interceptor) {
-      console.error("Cannot create panel: interceptor not initialized");
+      logger.error("Cannot create panel: interceptor not initialized");
       return;
     }
     this.panel = new DebugPanel(this.interceptor, {
@@ -8732,7 +8834,7 @@ let globalInstance = null;
 const NetworkDebuggerGlobal = {
   async init(config) {
     if (globalInstance) {
-      console.warn("NetworkDebugger already has a global instance");
+      logger.warn("NetworkDebugger already has a global instance");
       return globalInstance;
     }
     globalInstance = await NetworkDebugger.create(config);