注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

翱翔

MY DEAR GUOGUO, 像海燕,像雄鹰,搏击惊涛骇浪,展翅翱翔苍穹——

 
 
 

日志

 
 

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解  

2011-05-31 07:58:05|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

        网页的基础是HTML代码,其中包括网页中需要的图片、脚本文件、Flash文件等各种元素的网址(URL)、显示方式等。在IE 7时代,微软推出了一款叫做“开发人员工具”的工具栏,下载安装后即可在IE中对于HTML代码进行分析,详细了解网页中各个元素的属性、样式等信息。到了IE 8“开发人员工具”成为了一个内置功能,用户可以在浏览网页时按“F12”直接调出它来使用。到了IE 9,又增加了“网络捕获”功能——

        在需要调试或分析的网页上按键盘上的F12键,即可打开“开发人员工具”,除了包含原有的HTML、CSS、控制台、脚本等选项卡之外,在主界面中还多了一个“网络”选项卡,这就是今天要介绍的主角儿:

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解 - Dearguoguo6688 - dearguoguo6688的博客

        单击“开始捕获”按钮,程序即可开始捕获当前IE9浏览器页面中的网络通信,一般包括HTTP的请求及其返回的数据,例如网页代码及其相关的图片、脚本等资源。不过,如果这时候页面已经打开完成,则不会有网络通讯行为,这里不会显示任何结果。

        按下F5,让网页重新加载,这时候浏览器进行的所有连接和下载就都可以通过网络选项卡查看到了。

摘要视图

        默认看到的摘要视图中,会列出所有已经捕获到的HTTP请求和接收行为。当我们访问Bing主页时,会得到这样的结果:

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解 - Dearguoguo6688 - dearguoguo6688的博客

——这样,用户或开发人员就可以了解到每次HTTP请求的主要信息了:

URL:请求获取的网络文件路径。

方法:HTTP请求的方法,GET或POST。

结果:标准的请求结果代码或状态信息,例如200表示顺利的返回了需要的文件,404表示该文件不存在,503表示服务器暂时不可用,500表示服务器发生了内部错误等。

类型:请求文件的MIME类型。

已接收:当前已经下载的文件大小。如果该文件比较大,例如是视频文件,这个数值可能会随着下载不断增大。

已花费:下载请求从一开始到下载完成所花的时间。

发起程序:触发该下载行为的事件或网页对象。例如,网页本身的下载是由于用户进行刷新操作才产生的,因此这里会是“刷新”:

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解 - Dearguoguo6688 - dearguoguo6688的博客

计时:通过甘特图直观的展示出文件下载过程中每一个步骤花费的时间。这对我们了解和分析网页的加载情况是非常有用的:

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解 - Dearguoguo6688 - dearguoguo6688的博客

        在执行刷新时,往往我们能发现很多文件的下载结果都是304,这说明这个网页之前在浏览器中已经打开并缓存了相关的文件,经过和服务器的联系,服务器响应说这个文件没有经过更改,可以直接使用缓存的版本。因此,这些文件实际上都是通过浏览器缓存直接读取使用的,在刷新操作中并没有经过重新下载,并且这些文件的加载时间都很小,小于1毫秒:

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解 - Dearguoguo6688 - dearguoguo6688的博客

        如果希望网页完全重新加载,可以单击开发人员工具栏的菜单,选择“清除浏览器缓存”命令,或者选择“清除此域的浏览器缓存”,之后再刷新页面,网页就会完全通过服务器进行下载刷新了。

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解 - Dearguoguo6688 - dearguoguo6688的博客

详细视图

        在摘要视图中选择列表中的某个文件,单击“转到详细视图”按钮,可以转到详细视图面板。在这里,我们可以查看到关于这个下载请求的更加详细的信息:

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解 - Dearguoguo6688 - dearguoguo6688的博客

         这些信息包括HTTP的请求标头、请求正文、响应标头、响应正文,与该文件下载行为相关的Cookie、发起程序,以及比摘要视图中更加详细的计时信息。也就是说,详细视图已经将浏览器如何与服务器通信的协议层面的信息都展示给我们了,这些信息对于开发人员和调试人员来说无疑是不可多得的好资料,通过它们可以使网站调试工作变得非常轻松。

         例如,在“计时”选项卡中,我们可以看到这个下载请求每一步的开始时间和持续时间,高级的用户可以通过这样的信息判断出是因为网络状况不好,还是服务器的原因导致了网页加载缓慢。开发人员和调试人员也可以使用这些信息找到网页加载的瓶颈,通过调整代码或服务器,使网页加载更快:

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解 - Dearguoguo6688 - dearguoguo6688的博客

 “网络捕获”的妙用

        当用户在网上看到喜欢的内容时,一定想将他们保存到电脑中,以后可以慢慢欣赏,也可以成为制作其他资料的素材。对于文本,我们复制粘贴,对于图片,也可以右键另存,但遇到视频文件就比较头痛了。以前,我们要么从隐藏的Internet缓存中搜索成千上万的文件,找到需要的那个视频;要么需要用专门的软件获取其URL,然后将它下载下来。而有了IE9,利用“开发人员工具”中这个网络捕获功能和下载管理器,就可以直接完成这项任务。

实践与交流:在IE 8/9浏览中调用“开发人员工具”以及IE 9新增“网络捕获”功能使用详解 - Dearguoguo6688 - dearguoguo6688的博客

         例如,我们在摘要视图中,就可以很方便的看到正在观看的在线视频的准确下载地址,随后使用下载工具或IE9内置的下载管理器,就可以很方便的把这些视频下载下来保存了!

——以上照录于微软《7宝7谋》网站文章。

========================================================================

广而告之:

博客公告:关于本博“文章导读”改版的说明及对“留言板”、“短消息”进行规范的提示

——务请各位网友一阅,以免日后产生误会

========================================================================

——《公告》自打3月11日刊登那天起,天天都在文章后醒目提示。但是仍有不少网友(相当一部分是熟面孔)视而不见、听而不闻,在“留言板”、“短消息”以及毫不相干的文章中留下不着边际的问题。有鉴于此,再次敬告:至今略过《博客公告》的网友,诚请在百忙之中抽出哪怕五六分钟时间“移步”一阅:这才是您对我基本层面的理解支持!

《轻松玩转电脑》系列讲座:

轻松玩转电脑(代结束语):Windows 7比较优势 + 六种有效激活暨系统使用状况多选投票

轻松玩转电脑(第十八讲):轻松玩转电脑贵在“多充电、求甚解”和“勤实践、善总结”

轻松玩转电脑(第十七讲):关于破解软件基本路数及“被破解”和“用破解”的正常心态

轻松玩转电脑(第十六讲):电脑硬件、操作系统、常用软件的“寿命”以及硬件维护技术

轻松玩转电脑(第十五讲):在电脑硬件和系统软件方面应予切实纠正的“八大不良习惯”

轻松玩转电脑(第十四讲):在电脑硬件和系统软件方面应予理清的网上流行“六大误区”

轻松玩转电脑(第十三讲):对硬件、系统故障“症结”判断和及时排除及系统备份必要性

轻松玩转电脑(第十二讲):对于操作系统进行优化的“内涵”“外延”以及规范优化举措

轻松玩转电脑(第十一讲):关于“虚拟机”的主流品牌、功能功效及与宿主机的配套使用

轻松玩转电脑(第十讲):为操作系统的安全正常运行打造“御敌于国门之外”的铜墙铁壁

轻松玩转电脑(第九讲):常用软件影响系统运行因素及安装选择性、兼容性和科学性问题

轻松玩转电脑(第八讲):Microsoft Windows从开机到桌面从关机到停机背后都在做什么?

轻松玩转电脑(第七讲):主板BIOS形态、功能及其升级对“激活”影响兼答刷坏补救措施

轻松玩转电脑(第六讲):驱动程序解析及其对硬件和系统发挥效能的重大作用和注意事宜

轻松玩转电脑(第五讲):Microsoft Windows的“免费”激活方式、激活机理及其激活预后

轻松玩转电脑(第四讲):三大Windows系统解析、安装注意事项以及“双系统”五大优势

轻松玩转电脑(第三讲):关于全球五大操作系统性能比较、态势分析以及最佳选择的建议

轻松玩转电脑(第二讲):购买品牌机或“攒机”后应进行的“常规”动作和“个性”动作

轻松玩转电脑(第一讲):到电脑城选购品牌机、电脑硬件或“攒机”应当注意哪些问题?

轻松玩转电脑(代绪论):关于《轻松玩转电脑》(预计十八讲)的写作提纲及其发文计划

  评论这张
 
阅读(241)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017