使用前端开发调试工具fiddle进行线下调试css的方法

fiddle的功能相当的强悍，用户也非常广，今天我就教大家用fiddle进行前端调试。

首先下载软件fiddle，点击对应的版本下载安装。

安装成功后打开看到右侧的导航栏：

点击AutoResponder

接下来出现的三个选项全部都要勾选，具体什么意思就是英文翻译了。

然后：

添加一个rule

在rule editor中第一个文本框里粘贴你要替换的原地址，比如：

然后进行下一步，在第二个框中点击选择find a file，具体意思你懂得，找个本地的文件替换上个url文件：

接下来就是最后一步了：

点击save，你就可以编辑你本地的文件，然后刷新线上的文件，fiddle就能拦截转发你的文件了。

fiddle不光可以拦截文件，还可以替换拦截请求，连接等，具体强大的功能就慢慢探索吧。

赞 (0)

相关推荐

  • 如何用腾讯文档进行线上的调查问卷，信息采集

    如何用腾讯文档进行线上的调查问卷，信息采集

    今天小编分享的是,如何用腾讯文档进行线上的调查问卷,信息采集.具体如下:1. 打开电脑浏览器,在搜索框输入"腾讯文档",打开官网,登录腾讯文档2. 我们点击左侧红色框的[新建],弹 ...

  • 如何在钉钉中进行线上申请请假

    如何在钉钉中进行线上申请请假

    沃恩很多单位都在使用钉钉软件进行办公,在钉钉上我们还可以进行线上的请假,今天就跟大家介绍一下如何在钉钉中进行线上申请请假的具体操作步骤.1. 解锁手机后,找到桌面上的钉钉APP,打开.2. 在打开的主 ...

  • 前端开发要学什么？

    了解答案之前,首先我们要分清前端这部分的分工,一般来讲分为:设计和开发.工作过的人都很清楚,设计是设计师的工作,设计师按照用户需求的功能设计出图片,他们使用的工具一般是fireworks和photos ...

  • 在前端开发中怎么引用外部的CSS样式？

    在前端开发中,我们一般将html页面和css样式分开写,但是这样有什么好处呢?或者是为何非要这样写呢?其实写在一起喝分开写效果是一样的,但是写在外面的话一个CSS样式可以用来修饰很多页面,写在里面的话 ...

  • WEB前端开发入门攻略

    对网站上多彩的网页感兴趣吗?想找一份前端开发的工作吗? 本门介绍如何进入WEB前端的开发世界! 学习的主要流程:HTML-->JavaScript-->CSS 操作方法 01 首先要从基本 ...

  • 前端开发工程师需要掌握哪些技能

    前端开发工程师也是常见的互联网岗位.下面,我们来开看看前端开发工程师需要掌握哪些技能吧. 操作方法 01 基本的编程语言 前端开发工程师需要掌握基本的编程语言,比如HTML+CSS,和JavaScri ...

  • web前端开发的岗位具体是做什么

    在了解前端开发岗位具体负责什么工作之前,我们首先要明确什么是前端开发.所谓的web前端开发是相对概念,是相对网站后端开发而言的.凡是通过浏览器到用户端计算机系统的行为,都需要用到前端技术,相反存贮于服 ...

  • Web前端开发需要学习什么

    前端技术是近几年发展并受到重视且独立出来的技术,前端技术的开发是一个先简单后难得过程,那么前端的学习需要掌握哪些知识呢?下面我们来探讨一下. 操作方法 01 预学习知识:HTMl5+ CSS3 前端学 ...

  • office2007设置下拉菜单的方法

    在我们使用office2007办公软件的过程中,常常需要输入一些固定的词语,比如说,性别的"男女"以及进行判断的:"是否"等.既然是常用词,为什么不设置一个下拉 ...