如何使用Fiddler调试线上JS代码
2017-05-09 15:47:08文章来源:点点软件园热度:0
如何使用Fiddler调试线上JS代码?使用Fiddler调试线上JS代码教程。金顺软件园的小编告诉你如何使用Fiddler调试线上JS代码。更多最新IT资讯尽在金顺软件园http://www.jinshun168.com/
软件名称: | fiddler |
软件大小: | 1.18M |
下载地址: | http://www.jinshun168.com/soft/29589.html |
以金顺软件园首页为例子,用我本地的一个js文件来替换它的一个js.查看首页源码发现一个js,就拿它开刷了.打开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被执行了,接下来就可以在本地使用我们顺手的编辑器来写JS代码了。
金顺软件园小编推荐:
以上,就是金顺软件园小编给大家带来的如何使用Fiddler调试线上JS代码全部内容,希望对大家有所帮助!