[javascript]如何用chrome,ie去debug javascript

[javascript]如何用chrome,ie去debug javascript


chrome:
按下F12之后就会进入chrome的侦错模式啰,一开始通常会停留在Element页签,这时候请用你的鼠标把页签切换到Source

切换到Source页签之后,再选择被隐藏起来的Go To File选项

chrome会列出所有该页面有引用的.js或是写在网页里面的javascript,然后选择你要debug的.js(这边要debug原本网页上的javascript,所以选择http://localhost:6151/CyclingRoutes/Index这个选项)

然后就可以下中断点啰,按F10就可以逐行执行,而按F8就可以直接跳到下个中断点喔

执行到中断点的时候,还可以鼠标移动到变量上面看value为多少喔!

当然也可以在中断的时候,利用Console去检查value为多少,例如利用alert:

chrome提供了很方便的debug方式

ps.20160727补充:
如果要debug的javascript藏在引用的.js里面,而不是在同一个html底下的话,可以选择Sources页签=>选择你要debug的.js文件,然后就可以在你要debug的地方下中断点啰:)

ie:(这里以ie11为例子)
ie的部分就简单多了,一样也是先按下F12,然后选择(侦错工具)tab,就可以看到html源代码,在想要的地方下中断点即可,一样也是按F10逐步执行,按F8直接跳到下一个中断点执行

鼠标移动到变量上面的时候也可以看变量的状态

当然也有主控台可以直接执行javascript

这篇大概是这样