IT技术博客大学习 共学习 共进步

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

Benwin 's blog 2012-12-11 21:51:31 浏览 7,724 次

最近在研究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. 浏览器的工作原理:新式网络浏览器幕后揭秘 (阅读 22,825)
  2. HTTPS, SPDY和 HTTP/2性能的简单对比 (阅读 17,262)
  3. 浅析http协议、cookies和session机制、浏览器缓存 (阅读 17,202)
  4. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (阅读 15,702)
  5. HTTP协议Keep-Alive模式详解 (阅读 11,922)
  6. 浏览器的渲染原理简介 (阅读 8,163)
  7. 程序员眼里IE浏览器是什么样的 (阅读 7,861)
  8. 图说浏览器战争:火狐、微软、谷歌那些事 (阅读 7,342)
  9. 浏览器缓存机制 (阅读 7,100)
  10. nginx中对http请求处理的各个阶段分析 (阅读 7,002)