请教一个前端调试问题。

Question

有个mouseover的事件是触发了一个addClass('active') 的方法。 请问一下，

1. 这个事件，我要怎么才可以比较方便的在chrome 的控制台上 追溯到 js 方法所在的文件呢。

2. 还有就是一开始 这个div是没有active的这个class的，我要怎么追溯到active的定义呢。

Answer 1

1. 在相关的事件处理里加一句console.log，执行的时候在控制台里log的时候就能看到文件和相应的行号了；

2. active通常是在css里提前写好的（不然为什么用addClass而不用css呢你说对吧），所以我觉得相对简单的办法是直接触发下mouseover，然后在Elements里选中被加了class的元素，在右边的styles里就能直接看到定义的位置和行号了。

Answer 2

直接在触发的地方加上debugger，然后在控制台调试最方便