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