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




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

2022-07-21 5:59:26 网络知识 官方管理员

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

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

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

前端开发调试工具,fiddle,调试css

点击AutoResponder

前端开发调试工具,fiddle,调试css

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

然后:

前端开发调试工具,fiddle,调试css

添加一个rule

前端开发调试工具,fiddle,调试css

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

前端开发调试工具,fiddle,调试css

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

前端开发调试工具,fiddle,调试css

接下来就是最后一步了:

前端开发调试工具,fiddle,调试css

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

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


发表评论:

最近发表
网站分类
标签列表