使用fiddler替换文档改bug、解决本地跨域调试

fiddler这个神器,感觉还是不怎么会用,正如标题所说的:可以在本地修改文档,利用Fiddle代理重定向线上的文件,实现实时预览显示代码的效果,当然只能替换CSSJS和图片,无法替换结构。

第一步:使用Fiddler查看页面的数据流列表,找到js文件保存到本地

保存到本地

第二步:创建重定向规则,使用本地文件

使用本地文件

第三步:刷新页面,如果看到灰色背景的请求会话,就表示生效了

刷新页面

第四步:修改本地文件,进行测试

修改本地文件之后,重新刷新页面,就可以看到修改后的效果了。 这种调试方式不需要发布到线上再验证,避免了修改不成功、对用户造成影响的风险, 而且不需要搭建复杂的开发服务器等开发环境,非常适合快速web调试。

还有人说可以修改本地host为线上的,这个技能我还没学会。

 

原文链接:使用fiddler替换文档改bug、解决本地跨域调试 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/fiddler-debug.html)

发表评论

请登录后发表评论:

2 Responses to “使用fiddler替换文档改bug、解决本地跨域调试”

  1. 懒人建站

    评论中说willow,这是啥玩意,百度不到相关插件

    登录回复
  2. Nice

    对于修改本地host为线上的可以使用willow这个插件

    登录回复