欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2023-12-05 13:49:40
使用前端开发调试工具fiddle进行线下调试css的方法...

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

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

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

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

点击autoresponder

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

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

然后:

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

添加一个rule

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

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

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

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

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

接下来就是最后一步了:

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

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

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