本文介绍无需安装额外软件即可进行JavaScript调试的方法。涵盖IE浏览器F12开发者工具的断点设置与调试流程,Firefox结合Firebug的控制台使用,以及Visual Studio对JS代码的调试支持,帮助开发者快速掌握基础调试技巧。
基于过往的JavaScript调试经验,以下介绍几种便捷的操作方式。
IE浏览器调试步骤
在编写完成JavaScript代码后,可以按照以下步骤进行调试:
1. 打开IE浏览器,通过菜单栏找到并点击“开发人员工具”,或者直接按下键盘上的F12键。

此时将进入调试界面。
在界面最左侧区域,可以像使用VS2005那样设置断点。
启动调试模式:
其他浏览器与IDE调试方案
随后即可返回页面,通过运行或刷新页面来触发调试。
由于这些工具均出自微软,其操作逻辑与Visual Studio高度相似,因此上手较为容易。
既然Visual Studio能够调试JS,自然也可以使用它进行开发。
Firefox浏览器的操作方式也类似,可通过快捷键CTRL+SHIFT+J打开错误控制台,直接输入JS代码进行测试。
较为推荐的组合是使用Firefox配合Firebug进行查看,相关使用教程如下。
firefox firebug中文入门教程 本站新年特别版
firefox插件Firebug的使用教程