在web开发过程中，javascript是一个非常重要的语言，它可以让网站变得更加交互和生动。但是，由于javascript代码的复杂性和各个浏览器的兼容性，出现bug也是非常常见的。那么，在开发过程中，如何排除javascript的bug呢？接下来，我们就来看看一些常用的debug方法。

首先，最常见的debug方法就是console.log()。只需要在代码中插入console.log()语句，就可以将指定变量的值打印在控制台上，从而帮助我们查找代码中的错误。例如：

var a = 1;
console.log(a);
//输出：1

其次，有时候我们需要检查代码执行到哪一步了，可以使用debugger语句。在代码中插入debugger语句之后，浏览器会在该语句处停止执行，让我们可以逐步观察代码的执行过程。例如：

var a = 1;
debugger;
a++;
console.log(a);
//此时浏览器会自动暂停，我们可以在控制台中查看变量a的值

除了console.log()和debugger，还有一些常用的工具可以帮助我们debug javascript代码，例如Chrome开发者工具、Firebug、Fiddler等等。这些工具可以让我们逐步观察代码执行过程、查看和编辑变量的值、检查网络请求和响应等等。接下来，我们以Chrome开发者工具为例，来介绍一些常用的debug方法。

Chrome开发者工具是Chrome自带的一种调试工具，可以帮助我们检查任何一个web页面中的错误。在Chrome开发者工具中，我们可以使用Sources选项卡查看和修改代码，使用Console选项卡执行和检查代码，使用Network选项卡查看网络请求，使用Elements选项卡检查和修改网页元素等等。例如，在Sources选项卡中，我们可以逐步执行代码，查看变量的值：

var a = 1;
function add(b) {
return a + b;
}
var result = add(2);
debugger;
console.log(result);
//打开Sources选项卡，点击变量a，查看它的值
//再点击函数add，进入函数内部，查看变量b

另外，Chrome开发者工具还有一些高级debug功能，可以让我们更方便地定位和解决问题。例如，使用Conditional Breakpoints可以在指定条件下暂停程序执行，使用Watch Expressions可以监视和显示任意表达式的值，使用Call Stack可以查看代码调用栈等等。

综上所述，debug javascript代码需要多种多样的方法和工具，而且不同的debug方法可以帮助我们寻找不同类型的bug。在实际开发过程中，我们需要根据具体情况选择合适的debug方法，逐步排除代码中的问题，从而提高开发效率和代码质量。