javascript代码 调试方法
你的代码可能包含语法错误，逻辑错误，如果没有调试工具，这些错误比较难于发现。
通常，如果 JavaScript 出现错误，是不会有提示信息，这样你就无法找到代码错误的位置。
在程序代码中寻找错误叫做代码调试。
JavaScript 调试工具
调试很难，但幸运的是，很多浏览器都内置了调试工具。
内置的调试工具可以开始或关闭，严重的错误信息会发送给用户。
有了调试工具，我们就可以设置断点 (代码停止执行的位置), 且可以在代码执行时检测变量。
浏览器启用调试工具一般是按下 F12 键，并在调试菜单中选择 "Console" 。
1.alert方法
一般用来调试客户端的javascript代码。
JavaScript alert()函数的使用，alert--弹出消息对话框，并且alert消息对话框通常用于一些对用户的提示信息。
alert--弹出消息对话框(对话框中有一个OK按钮)
alert，中文"提醒"的意思
alert函数语法
alert(str);
alert函数提示框图示：
提示:消息对话框是由系统提供的，因此样式字体在不同浏览器中可能不同。
提示:消息对话框是排它的，也就是在用户点击对话框的按钮前，不能进行任何其它操作。
对简单的代码，可以逐行使用函数调试，找出问题所在。
2.console.log方法
如果浏览器支持调试，你可以使用 console.log() 方法在调试窗口上打印 JavaScript 值：
当在js代码中调用Console.log方法时，相应的信息就会在控制台中显示。相对于alert方法，有三个优点：
1. 如参数为一个对象，则可在控制台查看所有属性信息。
2. 类似C#中的string.Format功能，不需字符串拼接。
3. 无弹窗，即使不删除，也不会影响页面体验。
3.设置断点
在调试窗口中，你可以设置 JavaScript 代码的断点。
在每个断点上，都会停止执行 JavaScript 代码，以便于我们检查 JavaScript 变量的值。
在检查完毕后，可以重新执行代码（如播放按钮）。
4.debugger 关键字
用于停止执行 JavaScript，并调用调试函数。
这个关键字与在调试工具中设置断点的效果是一样的。
如果没有调试可用，debugger 语句将无法工作。
开启 debugger ，代码在第三行前停止执行。
主要浏览器的调试工具
通常，浏览器启用调试工具一般是按下 F12 键，并在调试菜单中选择 "Console" 。
Chrome浏览器：
ie浏览器
FireFox浏览器（需安装FireBug插件）
例子汇总：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript debug</title> </head> <body > <input name="first" id="first" type="text" value="" /> <input type="button" value="取值" onclick="getValue()" /> <p id="demo"></p> <p>开启调试工具，在代码执行到第三行前会停止执行。</p> <script type="text/javascript"> function getValue(){ var val = document.getElementById("first").value; var val01 = parseFloat(val); alert (val01); console.log(val01); } //Use different debug console.log("console.log"); console.debug("Debug level"); console.info("Info level"); console.warn("Warn level"); console.error("Error level"); </script> <script> var x = 15 * 5; debugger; document.getElementById("demo").innerHTML = x; </script> </body> </html>
firebug，提供console,错误，警告，消息等信息。
