chrome的开发者工具(F12),十分好用

做前端开发,调试javascript,调试CSS以前是一个很麻烦的事情

后来FF的firebug相当不错,现在chrome自带的开发者工具也很强大

在chrome按下F12,就可以启动开发者工具

chrome的开发者工具(F12),十分好用_第1张图片

在js代码左边的行数上点击,可以打断点,然后右边的按钮就可以debug了

和eclipse的debug工具基本是一样的,F10(step over)是单步执行,F11(step into)是跳进方法,shift+F11(step out)是跳出方法

Elements标签也很好用,在这里可以看到HTML的页面结构,以及各元素的CSS样式,在调整HTML布局和CSS的时候特别好用

Network标签可以用来监控页面和server的http交互的信息

上手以后,我现在基本就不用firebug了

你可能感兴趣的:(chrome,开发者工具)