`
qjoycn
  • 浏览: 1208516 次
文章分类
社区版块
存档分类
最新评论

Fiddler真乃前端大杀器!!!

阅读更多

在老夫还在搞服务器端时候,老夫觉得能读能改js代码就差不多了吧;

当老夫刚刚踏入前端会想js能设置断点该多好呢?

当老夫手拥firebug、google、ie浏览器开发插件(叫不出名字...)时,老夫是多么的高兴啊!!!

但是有些项目就会让你不自主的感觉痛苦,因为改动非常痛苦!!!

比如我对项目做了一点修改,但是我没办法在正式环境测试;换个方式,若是qq首页哪里出了js错误,要马上定位、马上解决该怎么办呢?

前端杀器Fiddler

其实老夫也是最近才开始使用该软件的,其实老夫很多不懂,但是我就用其中一点东西就好了,只一眼便已爱如心扉!!!

先来个截图:

请注意矩形框位置,我就会用这个。。。。

大杀器在线编辑js/html/css

光说不练假把式!下面就让老夫试试这个大杀器~!

打开我们的博客园首页看看,然后观察我们的大杀器变化:

小样东西还不少呢!!!现在让我们来动点手脚了!!!

右键编辑之,出现:

算了,我想了下,还是不用博客园来测试了,用它估计老夫要丢人。。。因为首页可能用了页面片神马的,老夫没找到。。。

于是老夫又进了自己博客文章的页面,来看看有什么东东呢?

日本人,是拉的json数据啦!!!说实话ajax真是讨厌了,老夫又丢脸了,算了继续!!!

最后老夫找到了自己想要的东东,于是乎我随便加点文字,加点js后!!!

做这点变化保存后,刷新页面,非常奇迹的变了,我们用本地的文件替换了线上的请求!!!

这个东西是不得了的,我们根据这个特性完全可以做在线前端测试!!!

对js的操作

 对js的操作,我们换个地方,熟悉点的东西好操作一点,以免再出丑,我们来看大成网的首页:

 

我们将之存到桌面,晚上讲地址赋给fiddler:

 这样一保存,我们在本地的修改就直接同步到线上页面啦!!!!对小的来说,当真神器!!!

于是你可以说你在大成网自豪的弹了个框出来。。。。

结语

其实小的对Fiddler也不太熟,就只会这点点花招,并且还感觉不差呢!!!

它的出现主要有什么好处呢,好处就是我们可以在线测试前端的代码,修复前端的BUG,然后将修改后的文件上传即可;

这也许没什么意义,但当项目到一定规模,发布有一定门槛后,就变得非常有意义了!!! 

2
4
分享到:
评论

相关推荐

    fiddler123高效前端优化工具

    fiddler123高效前端优化工具

    fiddler抓包教程

    测试工程师必备的抓包工具fiddler,大家快点学起来!!!

    fiddler前端开发利器

    Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的... Fiddler 要比其他的网络调试器要更加简单,因为它不仅仅暴露http通讯还提供了一个用户友好的格式。

    fiddler压缩包!官方版

    fiddler压缩包,官方版!fiddler作为一个程序猿+测试媛必备的工具!

    fiddler证书生成器

    fiddler证书生成器

    fiddler2 和 fiddler4 版本

    fiddler2 和 fiddler4 版本

    fiddler导出jmeter脚本

    我们知道jmeter的脚本来源有以下几种, badboy录制、jmeter自带的录制功能、手动书写(使用fiddler/wireshark来抓包,然后构造协议写脚本)、fiddler抓包之后直接导出jmeter脚本。今天主要是来分享下fiddler导出...

    Fiddler

    Fiddler抓包工具

    FIDDLER-前端开发值得拥有.pdf

    FIDDLER-前端开发值得拥有.pdf

    Fiddler 4.60 自带fiddlerscript插件

    Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据,Fiddler包含了一个强大的基于事件脚本的子系统,并且能使用.net语言进行扩展

    Fiddler2工具

    Fiddler2大家应该不陌生吧!Asp.net编写的必备工具. 虽然是英文版的.但使用很简单. 先打开程序,再打开IE就行了!

    Fiddler Fiddler 调试代理

    Fiddler Fiddler 调试代理

    fiddler 5 真正的绿色中文注册版

    【fiddler 5 绿色中文注册版。亲测可用】 ... Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和... Fiddler 要比其他的网络调试器要更加简单,因为它不仅仅暴露http通讯还提供了一个用户友好的格式。

    Fiddler 4.6 自带fiddlerscript插件

    Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据,Fiddler包含了一个强大的基于事件脚本的子系统,并且能使用.net语言进行扩展...

    http分析器 -- Fiddler

    http分析器 -- Fiddler http分析器 -- Fiddler http分析器 -- Fiddler

    Fiddler——如何使用Fiddler

    Fiddler——如何使用FiddlerFiddler——如何使用Fiddler; Fiddler——如何使用FiddlerFiddler——如何使用FiddlerFiddler——如何使用FiddlerFiddler——如何使用FiddlerFiddler——如何使用Fiddler Fiddler——...

    Fiddler插件开发示例9个例子(中文)

    ### 1、创建项目 ...打开AssemblyInfo.cs,增加要求的Fiddler版本信息,因为使用的是Fiddler5.0,因此填写版本号支持Fiddler5.0以上(这里理论上填写4.0也可以,因为Fiddler从4.0开始就使用.Net4.0的架构了) ```

    Telerik fiddler5.0.rar

    Telerik fiddler5.0是一款非常实用...同时,作为一个http 协议调试代理工具,fiddler相比同类型网络调试器在使用上跟更加简单,具有非常好的灵活性,可以支持众多的 http 调试任务,并且能够使用 .net 框架语言进行扩展

    Fiddler中文手册

    Fiddler(fiddler中文版)要比其他的网络调试器要更加简单,因为它不仅仅可以帮助用户提供暴露http通讯,还提供了一个友好的用户格式。 fiddler是最强大最好用的Web调试工具之一,Fiddler包含了一个强大的基于事件...

    Fiddler抓包工具基础学习视频.zip

    01-Fiddler系列-课程简介+初识Fiddler 02-Fiddler系列课 BS架构简介和请求过程理解 03-Fiddler系列课--Fiddler原理 04-Fiddler系列课--HTTP协议概述 05-Fiddler系列课-HTTP协议请求报文详解 06-Fiddler系列课-HTTP...

Global site tag (gtag.js) - Google Analytics