zoukankan      html  css  js  c++  java
  • 免费的HTML5连载来了《HTML5网页开发实例具体解释》连载(五)图解通过Fiddler加速开发

        Fiddler是Windows底下最强大的请求代理调试工具。监控不论什么浏览器的HTTP/HTTPS流量,窜改client请求和server响应。解密HTTPS Web会话,图4.44为Fiddler原理示意图。


    图4.44  Fiddler原理示意图

    Fiddler安装的系统要求为Windows XP或Windows 8中的版本号。当中Fiddler2依赖于Microsoft.NET Framework 2.0,最新的Fiddler4依赖于Microsoft.NET Framework 4.0。

    Fiddler功能非常多,在这里介绍一项最经常使用的代理功能。

    假使在维护的站点线上有个功能出现脚本问题。这时候採用传统的方法,将网页内容完整的保存到本地,然后调试相应的代码,非常显然这样的方法显得特点笨重,Fiddler解决问题显得游刃有余。

    要做的是,将相应问题脚本保存到机器本地,改动脚本并通过Fiddler代理。以下通过一个百度首页的操作演示样例演示该过程。

    (1)开启Fiddler,选中其右側“AutoResponder”标签页,勾选“Enable automatic responses”和“Unmatched requests passthrough”复选框,如图4.45所看到的。

    图4.45  开启Fiddler

    (2)打开Chrome浏览器,在地址栏内输入“http://www.baidu.com”并按Enter键进入。此时百度首页的请求会被完整的显示在Fiddler左側的列表中,如图4.46所看到的。

    图4.46  百度首页请求列表

    (3)选中列表中的第5条请求(该请求为JavaScript脚本)。在该请求上方单击并拖动至右側“AutoResponder”标签页下方空白的列表中,如图4.47所看到的。


    图4.47  代理一条脚本请求

    (4)复制第5条请求的URL地址。使用浏览器打开并将脚本内容保存到机器本地目录

    (5)在刚才保存的脚本末尾加入1行代码:

    document.body.style.backgroundColor='black'                                                                  // 改动页面背景色为黑色

    (6)改动Fiddler右側“AutoResponder”标签页下方列表的“then respond width..”列,将其指向本地保存的脚本代码地址。如图4.48所看到的。


    图4.48  改动请求的本地代理地址

    (7)打开Chrome浏览器,在地址栏内输入“http://www.baidu.com”并按Enter键进入,此时百度首页变为黑色。Fiddler代理成功。

    提示:演示样例中完毕的功能仅仅是一种简单的模拟,读者在实际开发中能够通过Fiddler代理。改动本地脚本的详细代码。再结合Chrome浏览器的调试功能,解决站点的线上问题将变得简单且高效。

    学习HTML5最好的书就是《HTML5网页开发实例具体解释》,用代码学习用案例学习,可比看文字有趣多了!!!

    一本书搞定HTML5,从如今開始。


  • 相关阅读:
    判断数据库内容,在页面显示自定义数据case when
    其他窗体赋值给comboBox实现值的回显,并使赋的值处于选中状态(根据text获取selectedindex)
    DataGridView的按钮列的点击事件
    表单中各种input汇总
    块元素、内敛元素、行内块元素特点、相互转换、取消默认效果
    内联元素,取消间隙和默认效果
    margin-top塌陷
    linux下安装 配置 redis数据库
    redis数据库各种数据类型的增删改查命令
    python与mongodb的交互 增删改差
  • 原文地址:https://www.cnblogs.com/wzjhoutai/p/6984778.html
Copyright © 2011-2022 走看看