一般使用chrome 或者 firefox 进行调试（在选项处一般还会有其他开发工具选择）
chrome直接F12打开web控制台
火狐要在选项中的开发者工具 - web控制台进行打开
以下以谷歌为例
在console选项中，可以直接输入js语句
断点调试
点开JS文件在 source选项中，看见右边有这个控制按钮，分别功能：进入debug调试，跳过下一句，进入下一步，进入上一步，禁用断点，？？
有些JS上线后会被打包压缩，点击源码下面的括号，进行格式化，方便插入断点
另外也可以在源文件中，加入console.log(""); 或者 console.error(""); 进行提示
resources选项中保存的是所有离线资源
network选项
点击文件，可以看到文件的一些信息，比如header
XHR是XMLhttpRequest缩写，对ajax进行监听。
点击
清空当前提示
304代表缓存
百度CDN库，获取JQ在线
jquery在线文档
debugger手动添加断点
响应 是 从服务器收到的信息
firebug触发点击后的样式：在html选项下 - 右边 样式下拉菜单选择！
console.trace()查看方法运行次数
案例
百度首页 搜索提示 ajax请求。输入字符，就向后台服务器请求（get/post方式）