ygyooo / ajax-interceptor Goto Github PK

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.

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

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

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

点了图标后没反应

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

编辑之前

编辑之后

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

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

http://localhost:8000开发

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

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

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

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

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

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

：

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

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

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

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

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

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

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?

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
这个如何实现，请作者教育

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

希望增加支持

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

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

RT

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

chrome商店找不到，链接404

类似这样

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

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

运行后显示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)

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

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

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

插件好用，大赞 👍

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

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

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

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

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

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