Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 13 additions & 13 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -118,13 +118,13 @@ dist/index.js

#### 界面语言

本工具与国际接轨,同时支持”简体中文“和”English“两种语言,可根据自己熟悉的语言自行切换,注意,此处的语言配置对控制台上打印的信息也同时生效,并且此项更改后需要重启刷新页面后才能生效
本工具与国际接轨,同时支持”简体中文“和”English“两种语言,可根据自己熟悉的语言自行切换,注意,此处的语言配置对控制台上打印的信息也同时生效,并且此项更改后需要重启刷新页面后才能生效

![image-20250109201852722](./README.assets/image-20250109201852722.png)

#### 响应断点Hook方式

一般保持默认即可,如果想尝试新奇功能,可阅读说明后调整设置
一般保持默认即可,如果想尝试新奇功能,可阅读说明后调整设置

![image-20250109203238494](./README.assets/image-20250109203238494.png)

Expand All @@ -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)

Expand All @@ -171,21 +171,21 @@ Hook的时候会修改代码做一些标记位之类的,我之前写的工具

#### 跳转到项目主页打开此界面以防样式错乱

油猴脚本注入的界面可能会跟网页中原有的样式发生冲突或者污染,从而导致样式错乱,跳转到经过测试的项目主页打开设置界面可以有效防止布局错乱,推荐勾选此选项
油猴脚本注入的界面可能会跟网页中原有的样式发生冲突或者污染,从而导致样式错乱,跳转到经过测试的项目主页打开设置界面可以有效防止布局错乱,推荐勾选此选项

![image-20250109203343343](./README.assets/image-20250109203343343.png)

### 3.1.2 断点配置

#### 是否启用此断点

是否启用此断点,仅当断点处于启用状态的时候才会生效,取消勾选可以暂时禁用断点而无需删除
是否启用此断点,仅当断点处于启用状态的时候才会生效,取消勾选可以暂时禁用断点而无需删除

![image-20250109203357970](./README.assets/image-20250109203357970.png)

#### URL匹配方式

URL匹配方式用于指定当Script的URL符合什么条件时命中此断点,因为很多时候页面中可能会存在很多个script请求,而我们可能往往只关心其中的某一个,这个时候就可以使用断点用URL匹配的方式来设置满足特定条件时才进入断点
URL匹配方式用于指定当Script的URL符合什么条件时命中此断点,因为很多时候页面中可能会存在很多个script请求,而我们可能往往只关心其中的某一个,这个时候就可以使用断点用URL匹配的方式来设置满足特定条件时才进入断点

对Script的URL的匹配方式有以下几种:

Expand All @@ -194,21 +194,21 @@ URL匹配方式用于指定当Script的URL符合什么条件时命中此断点
- 当Script的URL包含给定的关键字串时进入断点,需要进一步指定关键字
- 当Script的URL匹配给定的正则表达式时进入断点,需要进一步指定正则表达式

当设置好了之后可以单击”测试“按钮,立刻测试此断点配置得是否有效
当设置好了之后可以单击”测试“按钮,立刻测试此断点配置得是否有效

![image-20250109203410731](./README.assets/image-20250109203410731.png)

#### 是否开启请求断点

启用请求断点后,在script请求发出之前进入断点
启用请求断点后,在script请求发出之前进入断点

![image-20250109203421428](./README.assets/image-20250109203421428.png)



#### 是否开启响应断点

启用响应断点之后,在jsonp请求的回调函数中命中断点
启用响应断点之后,在jsonp请求的回调函数中命中断点

![image-20250109203433061](./README.assets/image-20250109203433061.png)

Expand All @@ -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)

Expand Down