feat: 搞了下国际化，AI翻译贼拉牛逼

Author: CC11001100

src/config/config.js

@@ -18,10 +18,10 @@ class Config {
         this.hookType = "use-proxy-function";
 
         // 是否忽略.js后缀的请求
-        this.isIgnoreJsSuffixRequest = true;
+        this.isIgnoreJsSuffixRequest = false;
 
         // 是否忽略不是jsonp的请求
-        this.isIgnoreNotJsonpRequest = true;
+        this.isIgnoreNotJsonpRequest = false;
 
         // 在打开配置页面的时候自动跳转到项目主页
         this.autoJumpProjectSiteOnConfiguraion = true;

src/config/ui/component/language.js

@@ -1,20 +1,21 @@
 // 中文菜单
+const {getGlobalConfig} = require("../../config");
 const chinese = {
     global_settings: {
 
         title: "全局设置",
 
         language: "界面语言：",
-        languageTips: "你可以修改此配置界面的语言，修改后下次进入生效！",
+        languageTips: "你可以修改此配置界面的语言，修改后下次进入生效！ <br/> You can modify the language of this configuration interface, and the changes will take effect the next time you enter!",
 
         flagPrefix: "Hook Flag前缀：",
         flagPrefixTips: "在Hook的时候会设置一些全局唯一的标志位，你可以个性化修改为自定义的前缀",
         flagPrefixPlaceholder: "可自定义全局前缀，未设置默认为 JSREI_js_script_hook",
 
         responseDebuggerHookType: "响应断点Hook方式：",
-        responseDebuggerHookTypeTips: "此选项刷新页面后生效",
+        responseDebuggerHookTypeTips: "当Hook jsonp的callback函数的时候，有两种方式实现Hook：<br/><br/>一种是替换掉callback方法的引用，相当于是一个代理函数，这种需要在命中断点后再点一下跟进去callback函数的实现，这种方式兼容性比较好，绝大多数网站都可以丝滑兼容；<br/><br/>还有一种方式是直接改写callback函数的函数体，相当于是对函数的代码实现进行编辑后重新声明，这样子可以直接把断点打在callback函数体中，但此种方式可能会有一些作用域的兼容性问题，如有遇到报错，请调整为代理方式实现Hook；<br/><br/>注意，此选项修改后刷新页面后生效",
         responseDebuggerHookTypeUseProxyFunction: "使用代理函数实现Hook",
-        responseDebuggerHookTypeUseRedeclareFunction: "直接修改网站callback函数体（注意可能会有作用域问题）",
+        responseDebuggerHookTypeUseRedeclareFunction: "直接修改网站callback函数体（注意可能会有兼容性问题）",
 
         isIgnoreJsSuffixRequest: "是否忽略.js后缀的请求：",
         isIgnoreJsSuffixRequestTips: "大多数时候.js后缀的请求都是单纯的加载JavaScript资源文件，可以选择忽略掉这类请求，当勾选的时候，控制台上也不会再打印.js请求",
@@ -23,7 +24,7 @@ const chinese = {
         isIgnoreNotJsonpRequestTips: "如果只关注jsonp类型的请求，可以选择忽略掉其它请求，当勾选的时候，控制台上也不会再打印非jsonp请求",
 
         autoJumpProjectSiteOnConfiguraion: "跳转到项目主页打开此界面以防样式错乱：",
-        autoJumpProjectSiteOnConfiguraionTips: "油猴脚本注入的界面可能会跟网页中原有的样式发生冲突或者污染，从而导致样式错乱，跳转到经过测试的项目主页打开设置界面可以有效防止布局错乱",
+        autoJumpProjectSiteOnConfiguraionTips: "油猴脚本注入的界面可能会跟网页中原有的样式发生冲突或者污染，从而导致样式错乱，跳转到经过测试的项目主页打开设置界面可以有效防止布局错乱，推荐勾选此选项",
     },
     debugger_config: {
 
@@ -64,6 +65,11 @@ const chinese = {
         commentPlaceholder: "好记性不如烂笔头",
     },
     console: {
+        tableKey: "键",
+        tableValue: "值",
+        tableComment: "备注",
+        titleRequest: "Script Hook 捕捉到请求",
+        titleResponse: "Script Hook 捕捉到响应",
         time: "时间",
         requestId: "请求ID",
         isJsonpRequest: "是否是jsonp请求",
@@ -80,61 +86,97 @@ const chinese = {
 
 // 英文菜单
 const english = {
-    global_settings: {
+    "global_settings": {
+
+        "title": "Global Settings",
 
-        title: "Global Settings",
+        "language": "Interface Language:",
+        "languageTips": "你可以修改此配置界面的语言，修改后下次进入生效！ <br/> You can modify the language of this configuration interface, and the changes will take effect the next time you enter!",
 
-        language: "语言",
-        languageTips: "语言",
+        "flagPrefix": "Hook Flag Prefix:",
+        "flagPrefixTips": "When hooking, some globally unique flags will be set. You can customize the prefix.",
+        "flagPrefixPlaceholder": "You can customize the global prefix. If not set, the default is JSREI_js_script_hook.",
 
-        flagPrefix: "Flag前缀",
-        flagPrefixTips: "Flag前缀",
-        flagPrefixPlaceholder: "xxx",
+        "responseDebuggerHookType": "Response Breakpoint Hook Method:",
+        "responseDebuggerHookTypeTips": "When hooking the callback function of JSONP, there are two ways to implement the hook: <br/><br/> One is to replace the reference of the callback function, which acts as a proxy function. This requires stepping into the callback function implementation after hitting the breakpoint. This method has better compatibility and works smoothly on most websites. <br/><br/> The other method is to directly rewrite the function body of the callback function, which is equivalent to editing and redeclaring the function's code. This allows you to place the breakpoint directly in the callback function body, but there may be some scope compatibility issues. If you encounter errors, please switch to the proxy method. <br/><br/> Note: This option takes effect after refreshing the page.",
+        "responseDebuggerHookTypeUseProxyFunction": "Use Proxy Function to Implement Hook",
+        "responseDebuggerHookTypeUseRedeclareFunction": "Directly Modify the Callback Function Body (Note: There May Be Compatibility Issues)",
 
-        isIgnoreJsSuffixRequest: "忽略.js后缀的请求",
-        isIgnoreJsSuffixRequestTips: "忽略.js后缀的请求",
+        "isIgnoreJsSuffixRequest": "Ignore .js Suffix Requests:",
+        "isIgnoreJsSuffixRequestTips": "Most of the time, requests with a .js suffix are simply loading JavaScript resource files. You can choose to ignore such requests. When checked, .js requests will not be printed on the console.",
 
-        isIgnoreNotJsonpRequest: "忽略不是jsonp的请求",
-        isIgnoreNotJsonpRequestTips: "忽略不是jsonp的请求",
+        "isIgnoreNotJsonpRequest": "Ignore Non-JSONP Requests:",
+        "isIgnoreNotJsonpRequestTips": "If you are only concerned with JSONP-type requests, you can choose to ignore other requests. When checked, non-JSONP requests will not be printed on the console.",
 
-        autoJumpProjectSiteOnConfiguraion: "打开此界面时自动跳转到项目主页以防样式错乱",
-        autoJumpProjectSiteOnConfiguraionTips: "打开此界面时自动跳转到项目主页以防样式错乱",
+        "autoJumpProjectSiteOnConfiguraion": "Jump to the Project Homepage to Open This Interface to Prevent Style Issues:",
+        "autoJumpProjectSiteOnConfiguraionTips": "The interface injected by the Tampermonkey script may conflict with or pollute the original styles of the webpage, causing style issues. Jumping to the tested project homepage to open the settings interface can effectively prevent layout issues. It is recommended to check this option."
     },
-    debugger_config: {
-        enable: "是否启用",
-        enableTips: "是否启用此断点，仅当断点处于启用状态的时候才会生效，取消勾选可以暂时禁用断点而无需删除。",
+    "debugger_config": {
 
-        urlPattern: "URL匹配方式",
-        urlPatternTips: "",
+        "debuggerTitle": "Breakpoint Configuration",
 
-        urlPatternTypeTips: "",
-        urlPatternType_EqualsThisString: "Equals This String",
-        urlPatternType_ContainsThisString: "Contains This String",
-        urlPatternType_MatchThisRegexp: "Match This Regexp",
-        urlPatternType_MatchALL: "Match ALL",
+        "enable": "Enable This Breakpoint:",
+        "enableTips": "Whether to enable this breakpoint. It will only take effect when the breakpoint is enabled. Unchecking it can temporarily disable the breakpoint without deleting it.",
 
-        urlPatternTextTips: "",
-        urlPatternTextPlaceholder: "关键字或正则表达式",
+        "urlPattern": "URL Matching Method:",
+        "urlPatternTips": "The URL matching method is used to specify when the script's URL meets certain conditions to hit this breakpoint.",
 
-        urlPatternTest: "测试",
-        urlPatternTestTips: "你可以输入一个script url测试此断点对其命中情况",
+        "urlPatternTypeTips": "Specify how to match the Script URL:",
+        "urlPatternType_EqualsThisString": "The Script URL must exactly match the given string.",
+        "urlPatternType_ContainsThisString": "The Script URL contains the given string.",
+        "urlPatternType_MatchThisRegexp": "The Script URL matches the given regular expression.",
+        "urlPatternType_MatchALL": "Directly match all Script URLs.",
 
-        enableRequestDebugger: "是否启动请求断点",
-        enableRequestDebuggerTips: "启动请求断点后，在script请求发出之前进入断点",
+        "urlPatternTextTips": "Enter a keyword or expression.",
+        "urlPatternTextPlaceholder": "Enter a keyword or expression.",
 
-        enableResponseDebugger: "是否启用响应断点",
-        enableResponseDebuggerTips: "启动响应断点之后，在jsonp请求的回调函数中命中断点",
+        "urlPatternTest": "Test",
+        "urlPatternTestTips": "You can enter a script URL to test whether this breakpoint hits it.",
+        "urlPatternTestPrompt": "Please enter the URL to test:",
+        "urlPatternTestResult": "Test Result:",
 
-        callbackFunctionParamName: "jsonp回调函数参数名称",
-        callbackFunctionParamNameTips: "",
-        callbackFunctionParamNamePlaceholder: "",
+        "enableRequestDebugger": "Enable Request Breakpoint:",
+        "enableRequestDebuggerTips": "After enabling the request breakpoint, the breakpoint will be triggered before the script request is sent.",
 
-        comment: "备注",
-        commentTips: "你可以输入一些备注，或者相关信息的一些上下文，以防止时间长了之后忘记。",
-        commentPlaceholder: "好记性不如烂笔头",
+        "enableResponseDebugger": "Enable Response Breakpoint:",
+        "enableResponseDebuggerTips": "After enabling the response breakpoint, the breakpoint will be triggered in the callback function of the JSONP request.",
+
+        "callbackFunctionParamName": "JSONP Callback Function Parameter Name:",
+        "callbackFunctionParamNameTips": "If not specified, the built-in engine will automatically infer the JSONP parameter name. If the inference fails, you can manually specify it.",
+        "callbackFunctionParamNamePlaceholder": "If not specified, the built-in engine will automatically infer the JSONP parameter name.",
+
+        "comment": "Comment:",
+        "commentTips": "You can enter some comments or contextual information to avoid forgetting it over time.",
+        "commentPlaceholder": "A good memory is not as good as a written record."
+    },
+    "console": {
+        tableKey: "key",
+        tableValue: "value",
+        tableComment: "comment",
+        "titleRequest": "Script Hook Captured Request",
+        "titleResponse": "Script Hook Captured Response",
+        "time": "Time",
+        "requestId": "Request ID",
+        "isJsonpRequest": "Is JSONP Request",
+        "hostname": "Request Hostname",
+        "path": "Request Path",
+        "param": "Request Parameters",
+        "hash": "Request #hash",
+        "paramName": "Parameter Name",
+        "paramValue": "Parameter Value",
+        "isJsonpCallback": "Is JSONP Callback Function",
+        "codeLocation": "Code Location"
     }
 };
 
+/**
+ *
+ * @return {{debugger_config: {urlPatternTest: string, urlPatternTestTips: string, enableTips: string, commentPlaceholder: string, debuggerTitle: string, enableRequestDebuggerTips: string, enableResponseDebugger: string, enableRequestDebugger: string, callbackFunctionParamName: string, urlPatternTypeTips: string, urlPatternTips: string, urlPatternType_MatchThisRegexp: string, urlPatternType_MatchALL: string, urlPatternType_EqualsThisString: string, urlPatternTextPlaceholder: string, enable: string, commentTips: string, urlPatternTextTips: string, enableResponseDebuggerTips: string, callbackFunctionParamNameTips: string, callbackFunctionParamNamePlaceholder: string, comment: string, urlPattern: string, urlPatternType_ContainsThisString: string}, global_settings: {languageTips: string, autoJumpProjectSiteOnConfiguraionTips: string, flagPrefix: string, flagPrefixTips: string, isIgnoreJsSuffixRequestTips: string, autoJumpProjectSiteOnConfiguraion: string, isIgnoreJsSuffixRequest: string, language: string, isIgnoreNotJsonpRequestTips: string, title: string, flagPrefixPlaceholder: string, isIgnoreNotJsonpRequest: string}}|{debugger_config: {urlPatternTest: string, urlPatternTestTips: string, enableTips: string, commentPlaceholder: string, enableRequestDebuggerTips: string, enableResponseDebugger: string, enableRequestDebugger: string, callbackFunctionParamName: string, urlPatternTypeTips: string, urlPatternTips: string, urlPatternType_MatchThisRegexp: string, urlPatternType_MatchALL: string, urlPatternType_EqualsThisString: string, urlPatternTextPlaceholder: string, enable: string, commentTips: string, urlPatternTextTips: string, enableResponseDebuggerTips: string, callbackFunctionParamNameTips: string, callbackFunctionParamNamePlaceholder: string, comment: string, urlPattern: string, urlPatternType_ContainsThisString: string}, global_settings: {languageTips: string, autoJumpProjectSiteOnConfiguraionTips: string, flagPrefix: string, flagPrefixTips: string, isIgnoreJsSuffixRequestTips: string, autoJumpProjectSiteOnConfiguraion: string, isIgnoreJsSuffixRequest: string, language: string, isIgnoreNotJsonpRequestTips: string, title: string, flagPrefixPlaceholder: string, isIgnoreNotJsonpRequest: string}}}
+ */
+function getLanguageByGlobalConfig() {
+    return getLanguage(getGlobalConfig().language);
+}
+
 /**
  *
  * @param language
@@ -153,6 +195,7 @@ function getLanguage(language) {
 
 module.exports = {
     getLanguage,
+    getLanguageByGlobalConfig,
     chinese,
     english
 }

src/formatter/request-formatter.js

@@ -1,6 +1,6 @@
 const {genFormatArray} = require("../utils/log-util");
 const {repeat, fillToLength} = require("../utils/string-util");
-const {getLanguage} = require("../config/ui/component/language");
+const {getLanguage, getLanguageByGlobalConfig} = require("../config/ui/component/language");
 const {getGlobalConfig} = require("../config/config");
 const {printStyledTable} = require("./table-formatter");
 const {getUserCodeLocation} = require("../utils/code-util");
@@ -19,11 +19,11 @@ class RequestFormatter {
         const codeLocation = getUserCodeLocation();
 
         const requestContext = scriptContext.requestContext;
-        const language = getLanguage(getGlobalConfig().language);
+        const language = getLanguageByGlobalConfig();
 
         const data = [
             // TODO 2025-01-08 01:28:26 国际化
-            ["名称", "值", "备注"],
+            [language.console.tableKey, language.console.tableValue, language.console.tableComment],
             [language.console.time, new Date().toLocaleString(), ""],
             [language.console.requestId, scriptContext.requestId, ""],
             [language.console.isJsonpRequest, scriptContext.isJsonp(), ""],

src/formatter/response-formatter.js

@@ -1,4 +1,4 @@
-const {getLanguage, chinese} = require("../config/ui/component/language");
+const {getLanguage, chinese, getLanguageByGlobalConfig} = require("../config/ui/component/language");
 const {fillToLength} = require("../utils/string-util");
 const {genFormatArray} = require("../utils/log-util");
 const {getGlobalConfig} = require("../config/config");
@@ -21,12 +21,11 @@ class ResponseFormatter {
 
         const responseContext = scriptContext.responseContext;
         const requestContext = scriptContext.requestContext;
-        // const language = getLanguage(getGlobalConfig().language);
-        const language = chinese;
+        const language = getLanguageByGlobalConfig();
 
         const data = [
             // TODO 2025-01-08 01:28:26 国际化
-            ["名称", "值", "备注"],
+            [language.console.tableKey, language.console.tableValue, language.console.tableComment],
             [language.console.time, new Date().toLocaleString(), ""],
             [language.console.requestId, scriptContext.requestId, ""],
             [language.console.isJsonpRequest, scriptContext.isJsonp(), ""],