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;标记,刷新页面,浏览器就会在这个地方停下来,很方便。

文档更新时间: 2018-11-10 23:07   作者:nick