Live HTTP Headers

李宗申 0人评论 分类:开发者工具
摘要 : Live HTTP Headers是一款可以监听谷歌浏览器当前会话中所有HTTP Header状态的Chrome插件。

Live HTTP Headers的开发背景

用户在浏览网页的时候看到的只是网页中的DOM结构,也就是网页中的一些HTML标签元素,至于我们发送给网站的信息,和网站返回的HTTP信息一般情况下我们是无法进行看到的。

对于专业的开发者来说,想要查看网页的HTTP信息可以使用谷歌浏览器自带的开发者工具,具体的启动方法为:

1.点击工具栏中的开发者工具按钮,或者按F12来启动开发者工具窗口

2.在众多的开发者工具调试窗口中选择Internet标签即可,选择成功以后,用户可以清空当前的日志,并刷新当前的页面,即可看到最新网页HTTP信息。

但是这对于经常需要查看HTTP头部信息的用户来说毕竟太繁琐了一些,今天给大家推荐一款更加方法还用的查看HTTP头部信息的插件:Live HTTP Headers。

Live HTTP Headers的简介

Live HTTP Headers是一款可以帮助用户查看当前使用Chrome打开的所有网页的状态,在Chrome安装了Live HTTP Headers插件以后,用户使用Chrome打开某个网站以后,就可以使用Live HTTP Headers插件来立即查看当前网页中的HTTP Header信息,在这些信息中会包含当前网页的加载情况,比如资源的访问状态:200、301、404等,通过对这些信息的分析就可以很好地调试当前的网页,给网站的开发者带来便利。

Live HTTP Headers的使用方法

1.在谷歌浏览器中安装Live HTTP Headers插件,并在Chrome的扩展器中启动监听所有浏览器头部信息的功能,Live HTTP Headers插件的下载地址可以在本文的下方找到,离线Live HTTP Headers插件的安装方法可参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?

2.使用Chrome打开需要调试的网页,然后在该网页中可以访问会等待谷歌浏览器加载相应的网页资源,等完毕加载完成以后,就可以使用Live HTTP Headers插件来查看当前网页的HTTP头部信息与加载状态了,如图所示:

使用Live HTTP Headers查看当前网页的HTTP Header

3.用户通过点击Live HTTP Headers插件的RAW标签还可以查看到HTTP Header的原始信息,在左侧的列表中用户只需要选择某一个网页资源,在右侧的开发者信息界面就可以看到对于的HTTP Header的原始文本信息,如图所示:

通过Live HTTP Headers插件来查看网页HTTP Header的原始文本信息

4.通过查看网页头部信息的概要里,用户还可以选择具体的分类进行详细查看,在这些分类中用户很容易找到自己需要的HTTP头信息,如图所示:

通过Live HTTP Headers分类查看HTTP Header信息

5.用户可以在Live HTTP Headers的设置界面中对当前的HTTP Header监视进行个性化的定制,只需要点击Live HTTP Headers的Settings按钮,并在页面中选择监视的资源,默认显示的视图、列表排序等功能,如图所示:

Live HTTP Headers的设置界面

Live HTTP Headers的注意事项

1.Live HTTP Headers插件会监听当前Chrome会话中的所有HTTP头部信息,如果用户只想检测当前的网站,就需要在打开Chrome的时候尽可能地只在当前网页中进行浏览。

2.Live HTTP Headers插件只能监听当前的HTTP头部信息,并不能对这些信息进行修改,比如修改User-Agent来模拟手机访问该网站

Live HTTP Headers的联系方式

1.来自:https://www.esolutions.se。

Live HTTP Headers下载地址

点击下载Live HTTP Headers

转载必须注明来自: Chrome插件 » Live HTTP Headers

下一篇 : Chrome to Phone
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?