ygyooo/ajax-interceptor

A chrome extension to modify the response of ajax requests. 修改ajax请求返回结果的chrome插件

English | 简体中文

A chrome extension for modifing any ajax requests or responses easily. You can use it to debug errors or mock data.

Install

https://chrome.google.com/webstore/detail/ajax-interceptor/nhpjggchkhnlbgdfcbgpdpkifemomkpg

Example

Example video：https://www.youtube.com/watch?v=OL87EPOEVIU

Notes

1. It is recommended to disable cache(devtools -> network -> disable cache) when using this chrome extension.
2. It is recommended to turn off this extension when you are not using it.
3. This extension only overrides the response data in the XMLHTTPRequest object as well as the fetch method. The "original" response which you can see in DevTools' "Network" panel will not be changed.

Release Notes

version 1.5.3:

• add request url autofill to fix matching issues

version 1.5.2:

• fix not intercepting in the onload situation

version 1.5.1:

• add advanced modes for users to encode and modify request headers, request payloads, and responses
• support responses with the non-200 status
• add strong tips to remind users of settings related to the devtools
• optimize the user interface

version 1.4.1:

• add feature of matched methods
• add setting of panel positions, including suspended position and devtools position
• optimize the user experience for new users
• fix listener rejected error

ajax-interceptor's Issues

支持devtools下H5模式

当前pc模式下出现一个config窗口，但H5模式下窗口铺满了屏幕，且不能收起，建议增加类似vconsole的收起小图标

给个crx吧

下面地址打不开
https://github.com/YGYOOO/ajax-interceptor/blob/master/Ajax-Interceptor.crx

修改了接口返回值没生效

测试地址：https://juejin.cn/user/2189882895108616/posts?sort=newest
接口地址：https://api.juejin.cn/content_api/v1/article/query_list
已经重启浏览器和刷新页面，但是返回的接口内容没有改变，并且页面一直在loading阶段

Vue & React 开发者工具丢失

打开 ajax-interceptor 插件 刷新 vue React 项目，开发者工具丢失
关闭 ajax-interceptor 插件 刷新 vue React 项目，开发者工具再次出现

请教下重写 fetch 是为何要bind(window)?

originalFetch: window.fetch.bind(window)
为何不能像XMLHttpRequest一样：
originalXHR: window.XMLHttpRequest,

能拿到request对象吗？ 参数、配置等

chrome商城404,请问有新上架的地址吗?

chrome商城404,请问有新上架的地址吗?

chrome商店找不到，链接404

chrome商店找不到，链接404

你好，如果想增加拦截WebSocket的返回数据，要怎么实现

有个页面插件会自动弹出，占用空间影响浏览

https://litmus.com/ebooks/state-of-email-workflows-2018

不支持safari吗

希望增加支持

怎么可以和作者联系上，我有一个匹配问题

https://xxx.com/suppliertender/check?tenantId=1&projectId=1486622125453856770&packageId=&appCode=&purchaseMethod=XJFQ

比如这个地址，我匹配
https://xxx.com/suppliertender/check??tenantId=1&projectId=任意值&packageId=&appCode=&purchaseMethod=XJFQ
这个如何实现，请作者教育

希望可以添加个拦截请求的类型

我项目有个接口options请求，和get请求是同一个地址。

建议：未拦截时， replace框显示原始数据

建议：未拦截时， replace框显示原始数据，即原来的响应，方便在json中直接修改数据

插件即使没有开启也会影响 growingio 上的数据展示

看来下network，插件在chrome中启用，但是没有打开插件开关时，请求是：
https://www.growingio.com/v5/projects/${projectid}/chartdata，返回404
插件在chrome中关闭时，请求是：
https://gta0.growingio.com/_private/v5/projects/${projectid}/chartdata，返回200

为啥插件开关没有开启，仍然会影响页面？

Need some advice

Hello:
I found your Chrome Extension, it is a good repo.
I want to do some similar things, but I need some advices:
I want to write one Chrome Extension to catch some DOM changes, but quite often the DOM changes are not direct results of Ajax requests.
So I want to write some simple JavaScript to scan the DOM, esp. one HTML table, and find any changes in the table cells' innerText, and, if any, I can put the changed table Cells' innerText into a map, then Json stringfy the map, then send the Json format string to an external WebSocket server (C#).
I know how to write the JavaScript to do the job, and I want to run the JavaScript every 10 seconds.
I want to know where I should put the JavaScript? In the background.js or in the content.js?
Please advise! You can use Chinese, if necessary. For me, typing Chinese is too much time-consuming.

可以出一个Regex的教程视频吗？

可以出一个Regex的教程视频吗？

是否可以添加URLWithBody，对应同一地址，不同方法下的抓取

URLWithBody:Upload.php regex:^.BodyText.$
Upload.php -> 对应请求网址
BodyText -> 对应同一参数名下的不同方法名BodyText1 例如：{ a: BodyText1} { a: BodyText2}
可以参考Fiddler的正则抓取方式。
希望可以更方便些。

会考虑给单个URL加开关吗？

类似这样

替换后的json自动加上双引号“”

这是我在替换框里写的： {"name":1}
这是转换后的

：

同一个接口不同payload能进行区分过滤么

能增加一个特性是对同一个接口，不同的request payload进行区分，有针对性地过滤response嘛...

弹不出页面

点了图标后没反应

bundle.js source code

bundle.js 源代码能开放出来吗?

程序运行报错

运行后显示store-proxy2.html?iframe_delete=true:16 Uncaught TypeError: t.slice is not a function
at r (store-proxy2.html?iframe_delete=true:16:865)

有个疑问, 为何注入的iframe也能访问到chrome.storage

ajax-interceptor/iframe/index.js

Line 11 in 5d3bf58

if (chrome.storage) {

希望可以在这里返回结果之前，允许用户自定义执行js方法，传入当前的response交给用户处理之后接收返回的值作为响应结果。

ajax-interceptor/pageScripts/main.js

Line 11 in d008e98

const modifyResponse = () => {

Encoding problem in fetch

Thanks for the good idea of this repo.

I met a problem that chinese characters in response would be garbled, and I found that error happened when transferred string to arraybuffer below.
const bufView = new Uint8Array(new ArrayBuffer(txt.length)); for (var i = 0; i < txt.length; i++) { bufView[i] = txt.charCodeAt(i); }

I tried to use TextEncoder to solve this problem.
const encoder = new TextEncoder(); const view = encoder.encode(txt);

Could you reproduct it and provide with any other solution?

可以添加regexp特性吗，批量拦截

请问---请求接口的url被篡改，怎么破？

http://localhost:8000开发

可以提个建议吗：在开发者工具中添加一个panel

可以在dev tools中加个panel吗，就像 vue dev tools一样。
这个panel可以模拟 开发者工具里面的network

• 显示所有连接，当被修改后，可以显示修改后的连接。像network一样有request,response等
• 右击某个连接可以添加拦截。会弹出一个对话框，设置拦截规则。
• 假如当前连接被拦截，则添加一个标签或高亮显示。
• 提供一个按键，点击后弹窗或其他方式显示所有拦截，并可以修改。

可以给每个URL前加个备注吗

可以给每个URL前加个备注吗

数组元素（对象）复制后希望能够添加到数组中

期望Item复制后，可以添加到数组pageItemList中
现状：复制后手动添加，对象变成字符串了，不符合预期

刷新后不执行，只有切换路由才执行

刷新后不执行，只有切换路由才执行

您好！我想问一下，这个可以用于okex 最新的ieo项目吗？

希望增加显示/隐藏设置快捷键

目前打开编辑/编辑完隐藏都需要点击触发，有点慢，希望可以添加快捷键支持

页面404

这个地址现在请求是404，https://chrome.google.com/webstore/detail/ajax-interceptor/nhpjggchkhnlbgdfcbgpdpkifemomkpg

edit number value will become to string

请问考虑添加url query 参数的修改吗

开启后，没有添加任何规则，访问B站会导致右上角的导航消失

一个插件一个插件排查，发现是这个，换个浏览器账号重新安装当前插件，能够复现。

需要重装系统,如何配置配置文件?

需要重装系统,如何配置配置文件?

Could you change the manifest version from v2 to v3?

As we known, chrome will phase out Manifest V2 in the future, so can you change your version, and tips the difference。

能提供个不需要翻墙的安装文件和视频么？

网站/接口加载比较慢的情况下，拦截不到数据

计算数量接口可能5秒后才返回数量，插件拦截时机已经过了，因此拦截不到。

访问“浙江新闻”，插件自动拉伸

网址：https://zj.zjol.com.cn/news.html?id=1176316&from=timeline&isappinstalled=0
错误效果：

目前插件好像不起作用

chrome 89版本
即使更改了原页面的ajax对象，也不能更改响应结果，不知作者可否看一下

关闭的时候把 X 隐藏掉

太实用了，太好看了，今天解决了我一个大难题，点赞点赞

能更改Header中的参数值吗

RT

希望增加标题用来区分多个设置

有多个设置的时候不容易区分每个设置是用来干什么的，只能点开返回值查看。希望添加标题，方便快速区分每个设置

如果能记住当前拦截的网址就更好了

插件好用，大赞 👍

我添加的拦截规则貌似在所有网站上都适用

希望能加上根据域名来匹配拦截规则

json editor 无法修改为int类型的数据

编辑之前

编辑之后