diff --git a/README.md b/README.md index dbfdbd4..0b5b5a1 100644 --- a/README.md +++ b/README.md @@ -118,13 +118,13 @@ dist/index.js #### 界面语言 -本工具与国际接轨,同时支持”简体中文“和”English“两种语言,可根据自己熟悉的语言自行切换,注意,此处的语言配置对控制台上打印的信息也同时生效,并且此项更改后需要重启刷新页面后才能生效。 +本工具与国际接轨,同时支持”简体中文“和”English“两种语言,可根据自己熟悉的语言自行切换,注意,此处的语言配置对控制台上打印的信息也同时生效,并且此项更改后需要重启刷新页面后才能生效: ![image-20250109201852722](./README.assets/image-20250109201852722.png) #### 响应断点Hook方式 -一般保持默认即可,如果想尝试新奇功能,可阅读说明后调整设置。 +一般保持默认即可,如果想尝试新奇功能,可阅读说明后调整设置: ![image-20250109203238494](./README.assets/image-20250109203238494.png) @@ -149,19 +149,19 @@ function jsonpCallback_1734635066(response) { #### Hook Flag前缀 -Hook的时候会修改代码做一些标记位之类的,我之前写的工具注意到有师傅喜欢修改这类个人前缀,所以这次单独留了一个界面设置,你可以把自己的id设置进去定制属于自己的专属环境。 +Hook的时候会修改代码做一些标记位之类的,我之前写的工具注意到有师傅喜欢修改这类个人前缀,所以这次单独留了一个界面设置,你可以把自己的id设置进去定制属于自己的专属环境: ![image-20250109203252884](./README.assets/image-20250109203252884.png) #### 是否忽略.js后缀的请求 -大多数时候.js后缀的请求都是单纯的加载JavaScript资源文件,可以选择忽略掉这类请求,当勾选的时候,控制台上也不会再打印.js请求,但是请注意,有部分jsonp请求的url确实也是.js后缀的,这种情况不要勾选此选项否则断点无法生效。 +大多数时候.js后缀的请求都是单纯的加载JavaScript资源文件,可以选择忽略掉这类请求,当勾选的时候,控制台上也不会再打印.js请求,但是请注意,有部分jsonp请求的url确实也是.js后缀的,这种情况不要勾选此选项否则断点无法生效: ![image-20250109203309612](./README.assets/image-20250109203309612.png) #### 是否忽略不是jsonp的请求 -如果只关注jsonp类型的请求,可以选择忽略掉其它请求,当勾选的时候,控制台上也不会再打印非jsonp请求,注意,请求是否是jsonp是脚本内置的引擎自行推测的,可能会存在失误的情况,如果控制台上打印的请求信息里没有表明这是一个jsonp请求,而您又认为这确实是一个jsonp请求的话,请取消勾选此选项。 +如果只关注jsonp类型的请求,可以选择忽略掉其它请求,当勾选的时候,控制台上也不会再打印非jsonp请求,注意,请求是否是jsonp是脚本内置的引擎自行推测的,可能会存在失误的情况,如果控制台上打印的请求信息里没有表明这是一个jsonp请求,而您又认为这确实是一个jsonp请求的话,请取消勾选此选项: ![image-20250109203331447](./README.assets/image-20250109203331447.png) @@ -171,7 +171,7 @@ Hook的时候会修改代码做一些标记位之类的,我之前写的工具 #### 跳转到项目主页打开此界面以防样式错乱 -油猴脚本注入的界面可能会跟网页中原有的样式发生冲突或者污染,从而导致样式错乱,跳转到经过测试的项目主页打开设置界面可以有效防止布局错乱,推荐勾选此选项。 +油猴脚本注入的界面可能会跟网页中原有的样式发生冲突或者污染,从而导致样式错乱,跳转到经过测试的项目主页打开设置界面可以有效防止布局错乱,推荐勾选此选项: ![image-20250109203343343](./README.assets/image-20250109203343343.png) @@ -179,13 +179,13 @@ Hook的时候会修改代码做一些标记位之类的,我之前写的工具 #### 是否启用此断点 -是否启用此断点,仅当断点处于启用状态的时候才会生效,取消勾选可以暂时禁用断点而无需删除。 +是否启用此断点,仅当断点处于启用状态的时候才会生效,取消勾选可以暂时禁用断点而无需删除: ![image-20250109203357970](./README.assets/image-20250109203357970.png) #### URL匹配方式 -URL匹配方式用于指定当Script的URL符合什么条件时命中此断点,因为很多时候页面中可能会存在很多个script请求,而我们可能往往只关心其中的某一个,这个时候就可以使用断点用URL匹配的方式来设置满足特定条件时才进入断点。 +URL匹配方式用于指定当Script的URL符合什么条件时命中此断点,因为很多时候页面中可能会存在很多个script请求,而我们可能往往只关心其中的某一个,这个时候就可以使用断点用URL匹配的方式来设置满足特定条件时才进入断点: 对Script的URL的匹配方式有以下几种: @@ -194,13 +194,13 @@ URL匹配方式用于指定当Script的URL符合什么条件时命中此断点 - 当Script的URL包含给定的关键字串时进入断点,需要进一步指定关键字 - 当Script的URL匹配给定的正则表达式时进入断点,需要进一步指定正则表达式 -当设置好了之后可以单击”测试“按钮,立刻测试此断点配置得是否有效。 +当设置好了之后可以单击”测试“按钮,立刻测试此断点配置得是否有效: ![image-20250109203410731](./README.assets/image-20250109203410731.png) #### 是否开启请求断点 -启用请求断点后,在script请求发出之前进入断点 +启用请求断点后,在script请求发出之前进入断点: ![image-20250109203421428](./README.assets/image-20250109203421428.png) @@ -208,7 +208,7 @@ URL匹配方式用于指定当Script的URL符合什么条件时命中此断点 #### 是否开启响应断点 -启用响应断点之后,在jsonp请求的回调函数中命中断点 +启用响应断点之后,在jsonp请求的回调函数中命中断点: ![image-20250109203433061](./README.assets/image-20250109203433061.png) @@ -226,13 +226,13 @@ http://localhost:10010/?jsonp_callback=jsonpCallback_1734635066 其中的名为`jsonp_callback`的参数就是用来指定callback函数的名称,而这个名称一般会跟着一个时间戳或者随机字符之类的,是每次都不同的,默认情况下脚本有内置引擎会从请求信息中自动推测出jsonp的callback函数的名称,但是也可能会有推测不成功的情况,如果推测不成功,在您可以在这里配置上`jsonp_callback`,对于无法自定推测的网站,也建议您提个issue反馈一下。 -关于内置引擎是如何自动推测jsonp的callback函数的,后续会附上一篇单独的文章来介绍。 +关于内置引擎是如何自动推测jsonp的callback函数的,后续会附上一篇单独的文章来介绍: ![image-20250109203445667](./README.assets/image-20250109203445667.png) #### 备注 -你可以输入一些备注,或者相关信息的一些上下文,以防止时间长了之后忘记,只要断点还在就能够一直记住这些上下文,断点不用的时候不需要删除,只需要暂时禁用就可以。 +你可以输入一些备注,或者相关信息的一些上下文,以防止时间长了之后忘记,只要断点还在就能够一直记住这些上下文,断点不用的时候不需要删除,只需要暂时禁用就可以: ![image-20250109203456868](./README.assets/image-20250109203456868.png)