chrome插件监听ajax,关于ajax:Chrome中的请求监控

在Firefox中,我使用Firebug,它允许我查看我的Ajax调用发出的每个http请求。 我已经将开发切换到Chrome,并且目前为止仍然很喜欢。 但是,我唯一的抱怨是,开发人员工具似乎不允许您查看每个ajax请求。 我曾经在"资源"面板显示对同一资源的多个请求的情况下发生过一次,但是只执行了一次,再也没有做过。

有没有办法从Chrome中可靠地查看页面通过javascript发出的每个http请求?

[编辑:11/30/09 11:55]

目前,要解决此问题,我正在Chrome旁边运行Fiddler以查看我的请求,但是如果可以在浏览器中执行此操作,则我更愿意这样做。

我有同样的问题-在这里尝试了所有解决方案。 在开发工具的XHR窗口的"响应"部分中什么也没有显示。 它仅显示"此请求没有可用的响应数据"。 如果我使用Firebug运行相同的代码,它会很好显示。 在齿轮开发工具设置中,我尝试勾选" Log XMLHttpRequest",但这没有帮助(响应类型为application / json)。 我必须在firebug中进行所有调试。 Firebug还可以很好地格式化JSON,但如果您能够使用chrome开发工具显示响应(例如不使用Ajax),则chrome开发工具不会这样做。

我知道这是一个旧线程,但我想我会发出声音。

Chrome当前内置了一个解决方案。

使用CTRL+SHIFT+I(或导航到Current Page Control > Developer > Developer Tools。在Chrome的较新版本中,单击扳手图标>工具>开发人员工具。)启用开发人员工具。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是大致的步骤: 1. 创建一个新的Chrome插件项目,可以在manifest.json文件指定需要的权限,例如拦截网络请求和访问DOM。 2. 在background.js文件编写拦截请求的代码。可以使用chrome.webRequest.onBeforeRequest监听XMLHttpRequest和fetch请求,并在回调函数修改响应结果。 ```javascript chrome.webRequest.onBeforeRequest.addListener( function(details) { // 拦截请求并修改响应结果 return {redirectUrl: "data:text/plain;charset=UTF-8," + encodeURIComponent("Hello, World!")}; }, {urls: ["<all_urls>"]}, ["blocking"] ); ``` 3. 在manifest.json文件指定需要注入的内容脚本,例如可以在所有页面注入一个JS文件,以便在页面上修改响应结果。 ```json "content_scripts": [ { "matches": ["<all_urls>"], "js": ["content.js"] } ] ``` 4. 在content.js文件编写修改响应结果的代码。可以使用MutationObserver监听DOM的变化,并在回调函数修改响应结果。 ```javascript var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { // 修改响应结果 mutation.target.textContent = "Hello, World!"; }); }); observer.observe(document, {subtree: true, characterData: true, childList: true}); ``` 5. 打包并安装插件。在Chrome浏览器打开扩展程序页面,点击“加载已解压的扩展程序”按钮,选择插件的根目录,即可安装插件并测试拦截和修改请求的功能。 以上是一个简单的拦截和修改请求Chrome插件的步骤,具体实现还需要根据自己的需求进行调整。希望这些信息能对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值