Web开发常用工具

1.firebug

Firefox+Firebug是目前最完美的页面查看和调试工具，其javascript提示功能和很实用，可以动态修改DOM元素和样式style，可以查看网络通讯，轻鬆获取ajax链接情况。安装完firefox后访问firebug，点击安装firebug。

对于Chrome和IE等其它浏览器，可以使用firebug lite拥有firebug的基本功能，可以在任何浏览器下访问Firebug lite，然后按F12键调处Firebug lite，基本功能都有的。要实现页面这样的功能，只需要在html页面中加入一行：

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

然后用任何浏览器打开这个页面，按F12就可以使用firebug了。

2. Chrome中debug javascript

Chrome的开发工具也可以满足firebug+firefox的组合功能。右键点击页面，选择“审查元素”，就可以打开调试面板。

如果在javascript中想断点的地方，加入debugger;标记，刷新页面，浏览器就会在这个地方停下来，很方便。