feat: 界面选项控制console打印

Author: CC11001100

src/config/ui/component/global-options-component.js

@@ -148,7 +148,6 @@ class GlobalOptionsComponent {
 
         // 在打开配置页面的时候自动跳转项目主页
         component.find("#js-script-hook-global-config-autoJumpProjectSiteOnConfiguraion").on("change", function () {
-            debugger;
             getGlobalConfig().autoJumpProjectSiteOnConfiguraion = $(this).is(':checked');
             getGlobalConfig().persist();
         });

src/config/ui/component/language.js

@@ -12,10 +12,10 @@ const chinese = {
         flagPrefixPlaceholder: "可自定义全局前缀，未设置默认为 CC11001100_js_script_hook",
 
         isIgnoreJsSuffixRequest: "是否忽略.js后缀的请求：",
-        isIgnoreJsSuffixRequestTips: "大多数时候.js后缀的请求都是单纯的加载JavaScript资源文件，可以选择忽略掉这类请求",
+        isIgnoreJsSuffixRequestTips: "大多数时候.js后缀的请求都是单纯的加载JavaScript资源文件，可以选择忽略掉这类请求，当勾选的时候，控制台上也不会再打印.js请求",
 
         isIgnoreNotJsonpRequest: "是否忽略不是jsonp的请求：",
-        isIgnoreNotJsonpRequestTips: "如果只关注jsonp类型的请求，可以选择忽略掉其它请求",
+        isIgnoreNotJsonpRequestTips: "如果只关注jsonp类型的请求，可以选择忽略掉其它请求，当勾选的时候，控制台上也不会再打印非jsonp请求",
 
         autoJumpProjectSiteOnConfiguraion: "跳转到项目主页打开此界面以防样式错乱：",
         autoJumpProjectSiteOnConfiguraionTips: "油猴脚本注入的界面可能会跟网页中原有的样式发生冲突或者污染，从而导致样式错乱，跳转到经过测试的项目主页打开设置界面可以有效防止布局错乱",

src/debugger/debugger-tester.js

@@ -165,6 +165,28 @@ class DebuggerTester {
         return true;
     }
 
+    /**
+     * 判断是否需要打印到控制台上
+     *
+     * @param globalConfig
+     * @param scriptContext
+     * @return {boolean}
+     */
+    isNeedPrintToConsole(globalConfig, scriptContext) {
+
+        // 忽略js文件请求
+        if (globalConfig.isIgnoreJsSuffixRequest && scriptContext.isJsSuffixRequest()) {
+            return false;
+        }
+
+        // 忽略不是jsonp的请求
+        if (globalConfig.isIgnoreNotJsonpRequest && !scriptContext.isJsonp()) {
+            return false;
+        }
+
+        return true;
+    }
+
 }
 
 module.exports = {

src/hook/jsonp-callback-hook.js

@@ -3,6 +3,8 @@ const {ObjectFunctionHook} = require("./object-function-hook");
 const {ResponseContext} = require("../context/response/response-context");
 const {ResponseFormatter} = require("../formatter/response-formatter");
 const {getGlobalConfig} = require("../config/config");
+const {DebuggerTester} = require("../debugger/debugger-tester");
+const {RequestFormatter} = require("../formatter/request-formatter");
 
 /**
  * 给JSONP的回调函数增加hook
@@ -44,8 +46,12 @@ class JsonpCallbackHook {
         new ObjectFunctionHook(getUnsafeWindow(), jsonpCallbackFunctionName).addHook(function () {
 
             const responseContext = _this.scriptContext.responseContext = new ResponseContext("", arguments);
-            const s = new ResponseFormatter().format(_this.scriptContext);
-            console.log(s);
+
+            // 只在有必要的情况下打印
+            if (new DebuggerTester().isNeedPrintToConsole(getGlobalConfig(), _this.scriptContext)) {
+                const s = new ResponseFormatter().format(_this.scriptContext);
+                console.log(s);
+            }
 
             const hitDebuggers = getGlobalConfig().testAllForResponse(_this.scriptContext);
         });

src/hook/script-hook.js

@@ -11,6 +11,7 @@ const {ResponseContext} = require("../context/response/response-context");
 const {ResponseFormatter} = require("../formatter/response-formatter");
 const {JsonpCallbackHook} = require("./jsonp-callback-hook");
 const {formatScriptSrcToUrl} = require("../utils/url-util");
+const {DebuggerTester} = require("../debugger/debugger-tester");
 
 /**
  * 用于给script添加Hook
@@ -48,8 +49,10 @@ class ScriptHook {
                     requestAnalyzer.analyze(requestContext);
 
                     // 在请求发送之前测试断点
-                    const requestFormatter = new RequestFormatter();
-                    console.log(requestFormatter.format(scriptContext));
+                    if (new DebuggerTester().isNeedPrintToConsole(getGlobalConfig(), scriptContext)) {
+                        const requestFormatter = new RequestFormatter();
+                        console.log(requestFormatter.format(scriptContext));
+                    }
 
                     const hitDebuggers = getGlobalConfig().testAll(scriptContext);
                     new JsonpCallbackHook(scriptContext, hitDebuggers).addHook();