1 / 15
文档名称:

前端开发利器.doc

格式:doc   大小:452KB   页数:15页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

前端开发利器.doc

上传人:63229029 2017/6/1 文件大小:452 KB

下载得到文件列表

前端开发利器.doc

相关文档

文档介绍

文档介绍:前端开发利器— FIDDLER 相对其他调试工具的优势 HttpWatch 和 Firebug 绝大多数前端开发人员都比较熟悉,但是 HttpWatch 虽然可以抓到每个 HTTP 请求的全部数据,但无法修改返回的数据;尽管 Firebug 可以修改 HTML 和 CSS ,但是在调试 CGI 接口时无法干预 HTTP 请求的参数值和 CGI 返回的数据。而 Fiddler 作一个 HTTP 调试代理,不但能够记录客户端同服务器之间的所有 HTTP 通讯数据,还能够修改请求数据和返回数据,也叫做“构造请求”和“模拟响应”。除此之外, 添加了 willow 插件的 Fiddler 还可以:统计数据包、修改 Host 、请求重定向、编码转换、低网速模拟、断点调试以及过滤 HTTP 请求… Fiddler 包含了一个强大的基于事件脚本的子系统, 框架语言扩展。相信你已经迫不及待安装它了。 安装和 FireFox 配置 Fiddler2 官方下载地址: dler2/ ,安装程序 600KB 左右,目前一直都免费。 Fiddler 安装非常简单, 文件然后直接下一步就可以, ,由于 Fiddler 是由 C# 语言编写而 C# ,所以还要下载安装,下载地址仍然为: dler2/ , 如果首次运行 Fiddler 没有报错, 。如果平时****惯用 IE浏览器那么现在就可以开始用 Fiddler 进行调试了,如果平时****惯用 FireFox 那么还需要手动设置代理才能支持 Fiddler 。配置方式—— FireFox 主菜单:选项-> 高级-> 网络-> 设置(如下图), 选择“手动配置代理”输入 HTTP 代理为 ,然后“确定”。此时开启的 Fiddler 就支持 FireFox 了,当关闭 Fiddler 后为使 FireFox 能正常连接网络应该取消上面设置的代理。 中各种图标的含义 4. Fiddler 使用细则①数据包统计运行 Fiddler 并开启左下角的“ Capturing ”,在浏览器地址栏或者 Fiddler 命令行处随便输入一个网址: http://tid. 如图: 回车后 Fiddler 就会把客户端同服务器之间所有的数据包都记录下来,此时选择多条请求后点击“ Statistics ”即可查看到详尽的数据报统计信息: (1) 请求总数、请求包大小、响应包大小; (2) 请求起始时间、响应结束时间、握手时间、等待时间、路由时间、 TCP/IP 传输时间; (3) HTTP 状态码统计; (4) 返回的各种类型数据的大小统计以及饼图展现。②监听范围设置 Fiddler 不仅能监听 HTTP 请求而且默认情况下也能捕获到 HTTPS 请求,但如果要进一步了解客户端同服务器之间的 HTTPS 通信细节还要到 Tool -> Fiddler Option -> HTTPS 下面进行设置,勾选上“ Decrypt HTTPS traffic ”,如果不必监听服务器端得证书错误可以勾上“ Ignore server certification errors ”,也可以跳过几个指定的 HOST 来缩小或者扩大监听范围。③ HOST 修改安装了 willow 插件的 Fiddler 使用起来会方便很多。比如 Host 的修改不必再去系统盘寻找 host 文件了,我们只需在 willow 窗口下,新建一个项目,然后在里面加入该项目涉及到的所有 host 。具体方法:右键选择“ Add Project ”,右键单击这个新建的 project 选择“ add host ”,在弹出的对话框中分别填入 IP和对应的 Domain 即可。建好后的 Host 对以后的调试使用十分方便,需要使用时勾上对勾,不需要时取消,而且控制之分灵活, Host 的修改可以域名(单个 Host) 为单位也可以具体项目为单位。上图: ④请求重定向(模拟响应) 所谓请求无非就是需要调用到的一些资源(包括 JS、 CGI 、 CSS 和图片等),所谓重定向就是将页面原本需要调用的资源指向其他资源(你能够控制的资源或者可以引用到的资源)。 CGI 在本地做个副本,如果正常网络访问环境下该 CGI 出现了 BUG 而导致开发环境崩溃时,可以先将这个 CGI 的请求重定向到本地副本,这样就可以继续进行开