最后
javascript是前端必要掌握的真正算得上是编程语言的语言,学会灵活运用javascript,将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识,而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的,直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后,发现暂时没有提升的空间,我们可以暂时放一放。继续下面的学习,javascript贯穿我们前端工作中,在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解,关键是灵活运用。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
不仅是单条session,Fiddler
还支持保存所有抓取到的session(并支持导入),这对于抓取可疑请求然后保存,并在之后随时分析这些请求是很有帮助的。
如果想要重新发送某些请求,可以选中这些请求,然后点击工具栏中的reply。就可以重新发送选中的这些请求。
三、指标分析
左键点击单条HTTP请求,可以在右侧的tab面板中看到如下信息:
3.1 Statistic
关于HTTP请求的性能和其他数据分析:
我们可以从中看出一些基本性能数据:如DNS
解析的时间消耗是8ms,建立TCP/IP连接的时间消耗是8ms等等信息。
3.2 Inspectors
分为上下两个部分,上半部分是请求头部分,下半部分是响应头部分。对于每一部分,提供了多种不同格式查看每个请求和响应的内容。JPG 格式使用 ImageView 就可以看到图片,HTML/JS/CSS
使用 TextView 可以看到响应的内容。Raw标签可以查看原始的符合HTTP标准的请求和响应头。
Auth则可以查看授权Proxy-Authorization
和 Authorization
的相关信息。Cookies
标签可以看到请求的cookie
和响应的set-cookie
头信息。
3.3 AutoResponder
Fiddler
比较重要且比较强大的功能之一。可用于拦截某一请求,并重定向到本地的资源,或者使用Fiddler的内置响应。可用于调试服务器端代码而无需修改服务器端的代码和配置,因为拦截和重定向后,实际上访问的是本地的文件或者得到的是Fiddler的内置响应。
当勾选allow autoresponser
并设置相应的规则后(本例中的规则是将http://blog.csdn.net/sunhuaqiang1
的请求拦截到本地的文件layout.html),如下图所示。
然后在浏览器中访问http://blog.csdn.net/ohmygirl,得到的结果会重定向到设置的页面中。
这刚好是本地layout.html的内容,说明请求已经成功被拦截到本地.当然也可以使用Fiddler的内置响应。下图是Fiddler支持的拦截重定向的方式:
因此,如果要调试服务器的某个脚本文件,可以将该脚本拦截到本地,在本地修改完脚本之后,再修改服务器端的内容,这可以保证,尽量在真实的环境下去调试,从而最大限度的减少bug发生的可能性。
不仅是单个url,Fiddler
支持多种url匹配的方式:
- 字符匹配 如 example可以匹配 http://www.example.com和http://example.com.cn;
- 完全匹配 以EXACT开头表示完全匹配,如上边的例子 EXACT:http://blog.csdn.net/sunhuaqiang1
- 正则表达式匹配 以
regex:
开头,使用正则表达式来匹配URL;
如:regex:(?insx).*\.(css|js|PHP)$
表示匹配所有以css,js,php结尾的请求url。
3.4 Composer
老版本的fiddler中叫request-builder
。顾名思义,可以构建相应的请求,有两种常用的方式构建请求:
- Parsed 输入请求的url之后executed即可,也可以修改相应的头信息(如添加常用的accept, host, referrer, cookie,cache-control等头部)后execute。这个功能的常见应用是:“刷票”(不是火车票!!),如刷新页面的访问量(基于道德和安全原因,如果你真去刷票,刷访问量,本博客概不负责)
- Raw。使用HTTP头部信息构建http请求。与上类似,不多叙述。
3.5 Filter
Fiddler
另一个比较强大的功能。Fiddler
提供了多维度的过滤规则,足以满足日常开发调试的需求。如下图示:
过滤规则有:
host
和zone过滤。可以过滤只显示intranet或则internet的HTTP请求,也可以选择特定域名的HTTP请求。
文末
篇幅有限没有列举更多的前端面试题,小编把整理的前端大厂面试题PDF分享出来,一共有269页