如何使用Fiddler调试线上JS代码

JavaScript021

如何使用Fiddler调试线上JS代码,第1张

打开fiddler,找到“aggsite.js”的请求.

这里有个技巧,可以通过 “select”命令来筛选js请求. 在命令框输入“select script”回车即可.

接着把这个请求拖动到“AutoResponder”面板.

拖动之前记得先勾上 “Enable automatic responses”和 “Permit passthrough for unmatched requests”.

然后在Rule Editor的第二下拉框选择 “Find a file”来选择本地的JS文件, 选择后点 Save.

这里比如用本地的“test fiddler.js”来替换博客园首页的“aggsite.js”.

“test fiddler.js”内容如下. 就是向body追加一段红色文字.

$(function(){

var p=$("<p/>").text("这是fiddler加上的JS").css("text-align","center").css("color","red")

$("body").prepend(p)

})

接下来,刷新博客园首页看看效果,然后就可以在本地使用顺手的编辑器来写JS代码了,

本地保存后,刷新网页就能立刻看到效果,就跟在本地开发一样

总之一点就是利用线上的环境来测试代码,但又不对线上产生影响.

要知道保证不出onlinebug bug是多么的重要,虽然很难做到,但能避免就尽量吧.

不大,准确的说是很小。

各个厂家为了保障自身以及经销商、代理商的利润空间,防止不同商家之间出现恶性的价格竞争,在线上和线下推广的产品型号都不一致,很难找到线上线下型号一致的产品。

而实际上很多产品本身是一样的,只是型号不同而已。