feat: 在response断点那里方便进入callback函数

Author: CC11001100

README.md

@@ -9,6 +9,11 @@
 在进行JS逆向的时候，经常碰到请求是JS类型的，实际上是使用script标签发出的请求，比如一些跨域的请求，一些jsonp请求，
 Chrome目前（2024-12-20）没有支持对script类型的请求打条件断点之类的，而这个脚本就是填补这块儿的空白的。
 
+优势：
+- 支持对script类型的请求打断点
+  - script请求之前进入断点
+  - 直接把断点打到script jsonp回调函数里
+
 ## 二、安装
 开发中，敬请期待！
 

src/config/ui/component/debugger-component.js

@@ -176,7 +176,6 @@ class DebuggerComponent {
 
         // URL匹配类型
         debuggerElt.find(`#${debuggerInformation.id}-url-pattern`).change(function () {
-            debugger;
             const localDebuggerInformation = getGlobalConfig().findDebuggerById(debuggerInformation.id);
             localDebuggerInformation.urlPatternType = $(this).val();
             getGlobalConfig().persist();

src/debugger/debugger-tester.js

@@ -153,16 +153,8 @@ class DebuggerTester {
             return false;
         }
 
-        // 请求断点
-        if (debuggerConfig.enableResponseDebugger) {
-            // 把一些相关的上下文赋值到变量方便断点命中这里的时候观察
-            // _scriptContext中存放的是与当前的script请求相关的一些上下文信息
-            const _scriptContext = scriptContext;
-            const humanReadableScriptInformation = scriptContext.toHumanReadable()
-            debugger;
-        }
-
-        return true;
+        // 响应断点是否开启
+        return debuggerConfig.enableResponseDebugger;
     }
 
     /**

src/hook/jsonp-callback-hook.js

@@ -45,7 +45,9 @@ class JsonpCallbackHook {
         const _this = this;
         new ObjectFunctionHook(getUnsafeWindow(), jsonpCallbackFunctionName).addHook(function () {
 
-            const responseContext = _this.scriptContext.responseContext = new ResponseContext("", arguments);
+            const {hookFunctionHolder, args} = arguments[0];
+
+            const responseContext = _this.scriptContext.responseContext = new ResponseContext("", args);
 
             // 只在有必要的情况下打印
             if (new DebuggerTester().isNeedPrintToConsole(getGlobalConfig(), _this.scriptContext)) {
@@ -54,7 +56,20 @@ class JsonpCallbackHook {
             }
 
             const hitDebuggers = getGlobalConfig().testAllForResponse(_this.scriptContext);
-        });
+            const isHitDebugger = hitDebuggers.length;
+
+            if (isHitDebugger) {
+                // 把一些相关的上下文赋值到变量方便断点命中这里的时候观察
+                // _scriptContext中存放的是与当前的script请求相关的一些上下文信息
+                // humanReadableScriptInformation 存放的是上下文格式化后的一些可读的信息
+                const humanReadableScriptInformation = _this.scriptContext.toHumanReadable()
+                debugger;
+            }
+
+            // 跟进去这个函数，就是jsonp的callback函数
+            hookFunctionHolder.apply(this, args);
+
+        }, true);
     }
 
     collectJsonpCallbackFunctionNameFromHitDebuggers() {

src/hook/object-function-hook.js

@@ -18,8 +18,9 @@ class ObjectFunctionHook {
     /**
      *
      * @param hookCallbackFunction
+     * @param callByHookCallbackFunction {boolean}
      */
-    addHook(hookCallbackFunction) {
+    addHook(hookCallbackFunction, callByHookCallbackFunction = false) {
 
         // 要Hook的函数必须存在
         const functionHolder = this.object[this.functionName];
@@ -41,14 +42,26 @@ class ObjectFunctionHook {
         // 为函数添加Hook
         this.object[this.functionName] = function () {
 
-            try {
-                // TODO 2023-8-21 22:15:09 在函数执行的时候尝试触发各种断点
-                hookCallbackFunction.apply(this, arguments)
-            } catch (e) {
-                console.error(e);
+            if (callByHookCallbackFunction) {
+                // 由hook函数自行调用被hook函数
+                try {
+                    hookCallbackFunction.apply(this, [{
+                        "hookFunctionHolder": functionHolder,
+                        "args": arguments
+                    }]);
+                } catch (e) {
+                    console.error(e);
+                }
+            } else {
+                // 不干扰流程，hook函数只作为观测
+                try {
+                    // TODO 2023-8-21 22:15:09 在函数执行的时候尝试触发各种断点
+                    hookCallbackFunction.apply(this, arguments);
+                } catch (e) {
+                    console.error(e);
+                }
+                return functionHolder.apply(this, arguments);
             }
-
-            return functionHolder.apply(this, arguments);
         }
         // 设置标记位，防止重复Hook
         this.object[this.functionName][hookDoneFlag] = true;