chrome之elements、console、sources

http://www.cnblogs.com/charliechu/p/5948448.html

1、调试ajax代码
("#btn").click(function () { var btn =('#btn').val();
.ajax({ url: 'http://192.168.10.57:9090/vueShopItem/data.txt', type: 'GET', success: function (data) {(text).val(data);
setTimeout(function(){
alert('sss')
},2000)
},
async:false
});
alert('异步')
});
在 22：$(text).val(data);这行代码打一个断点。
如果async为true,点击btn,先执行alert('异步'),光标行再跳转到22行代码
如果async为false,点击btn，先执行22行代码，光标再跳转到alert('异步')
2、打开Sources的js文件，可以修改事件（例如点击事件）的代码，然后保存，可以看到修改后的效果。如果修改的是别的代码，保存修改后看不到效果。