IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

各种浏览器审查、监听http头工具介绍

Benwin 's blog 2012-12-11 21:51:31 累计浏览 7,852 次
本机暂存

最近在研究http协议,浏览器缓存,接触到各种浏览器的各种审查、资源提取、监听工具。觉得这些工具(插件)挺好用,特意写篇博文分享下。

这些工具对于web前端程序员来说应该是再熟悉不过了,前端都是调试审查css布局定位之类,而对于后台方面,一般phper能用到的时候也少,一般是查缓存,做缓存功能等需要查看http头部,还有ajax监听后台响应会打开这些工具.

这里只是列出查看http 头部的步骤

一、谷歌内置的审查工具(v17.0)。

  1. 右键点击审查(Ctrl+Shirt+Alt)

  2. 浏览器下方会出现审查框,刷新网页

  3. 就会出现下图所示,先后点击“netword”-->在下方选中资源(如下图的1.php)-->点击headers

二、httpwatch。

Shirt+F2打开httpwatch

  1. 点击Record按钮,开启httpwatch监听。

  2. 刷新要监听的网页,选择要查看资源

  3. 点击headers则可以查看http头部。里面有cookies 、cache、querystring等

三、maxthon3.0。

  1. 点击网络

  2. 刷新网页选择资源,像笔者本地测试选择1.php

  3. 2之后右边会出现相关信息,自行选择查看

四、苹果浏览器的插件firebug。  

  1. 点击苹果浏览器头部的start firebug lite开启监听

刷新页面选择资源查看

五、火狐浏览器firefox。

  1. 点击右上角爬虫图标开启监听

  2. 点击网络在刷新网页

  3. 在url列表中选择要查看路径的资源,查看相关信息!

六、IE内置的监听。



同分类推荐文章

  1. 新特性速递:focus()行为新增focusVisible控制 (2026-05-29 16:23:06)
  2. Algorithmic Theming Engines: Building Self-Correcting Color Systems With `contrast-color()` (2026-05-28 21:00:00)
  3. Revealing Text With CSS letter-spacing (2026-05-27 20:37:33)

查看更多 前端 文章 →

建议继续学习

  1. Chrome开发者工具的小技巧 (累计阅读 5,125)
  2. IE BUG相关文章集合 (累计阅读 4,882)
  3. IE8开发人员工具如何嵌入浏览器 (累计阅读 3,606)
  4. 围住神经猫 1步玩法-”作弊” (累计阅读 3,208)
  5. 使用 SourceMap 来进行前端代码调试 (累计阅读 3,108)
  6. 记一次淘宝首页奇葩的渲染问题 (累计阅读 2,984)
  7. 页面中的全局污染 (累计阅读 2,125)