1、F12快捷键
2、脚本(类似eclipse的debug的调试功能),不过比较强大。有界面的值的显示
3、DOM——查看当前界面变量的信息
4、网络——http请求信息。URL、状态(200、300、404、500)、域、时间线(网站性能优化)
5、网络下面的保持:保持之前网页的信息。
6、控制台——勾选:显示javascript错误、显示XMLHttpRequests、弹出自动补全列表
7、控制台语句
console.log()——向控制台输出信息,类似alert。
setInterval()设置定时器
console.warn()——警告信息
console.error——错误信息
多语言调试:用分组调试 console.group();。。。(内容)console.groupEnd();
console.dir();输出所有信息。
console.dirxml()显示当前选中元素的结构
console.assert();断言,单元测试时用
console.trace();显示函数的调用情况(顺序)
console.time("计时器")。。。(内容)console.timeEnd("计时器"); (界面优化)
console.profile();。。。console.profileEnd();(界面性能调优)——可以和概括功能一样。
在IE下使用firebug调试
界面中在线引入包名
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>