首先打开需要调试的页面,按F12快捷键打开调试工具如下:
在调试窗口中,所有的HTML元素都会呈现在调试窗口中
如何选择指定的dom节点进行查看和编辑:
js断点调试:firefox非常强大,在firefox调试工具栏中,你可以进行js断点调试以及格式化查看(一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲):
我先写一段简单的js代码:
function debug(){
for (var i=0;i<10;i++){
alert(i);
}
js ajax调试,ajax技术如今越来越频繁使用,所以,ajax调试也必不可少:
在chrome调试工具中,可以查看到当前页面所以的请求,包括ajax请求,
打开网页按F12打开调试界面;
选择JS 添加断点,重新刷新界面开始调试
F11 执行分部调试