fiddler这个神器,感觉还是不怎么会用,正如标题所说的:可以在本地修改文档,利用Fiddle代理重定向线上的文件,实现实时预览显示代码的效果,当然只能替换CSS、JS和图片,无法替换结构。
第一步:使用Fiddler查看页面的数据流列表,找到js文件保存到本地
第二步:创建重定向规则,使用本地文件
第三步:刷新页面,如果看到灰色背景的请求会话,就表示生效了
第四步:修改本地文件,进行测试
修改本地文件之后,重新刷新页面,就可以看到修改后的效果了。 这种调试方式不需要发布到线上再验证,避免了修改不成功、对用户造成影响的风险, 而且不需要搭建复杂的开发服务器等开发环境,非常适合快速web调试。
还有人说可以修改本地host为线上的,这个技能我还没学会。
用fiddler抓包时,默认不显示CSS/JS文件 。如何显示css/js文件呢?
解决步骤:
1. 勾选filters,找到Request Headers,勾选Show only if URL contains项,填写需要显示的文件类型
REGEX:(?insx)/[^\?/]*\.(css|js|json|ico|jpg|png|gif|bmp|wav)(\?.*)?$
2. 执行Actions->Run Filterset Now。