本文目录一览：
- 1、如何在google chrome浏览器中调试JavaScript
- 2、如何使用 Chrome 浏览器调试动态加载的 Javascript 脚本
- 3、如何调试动态加载的js
- 4、extjs动态加载js文件怎么进行调试
- 5、如何调试html网页中的js代码
如何在google chrome浏览器中调试JavaScript
google chrome浏览器不仅性能出色，对web标准的支持是非常优异的。其调试开发也比较方便（自动识别debugger断点、支持动态设置断点、可以查看参数和本地变量、可以单步执行等）。
开发人员 —— 调试JavaScript——打开JavaScript调试页（快捷键好像是ctrl+shift+l）。输入h（或者help）可以查看各种调试选项。
如果已经在js代码中设置了断点（debugger关键字），则保持JavaScript调试器启动（打开）状态，再刷新待调试页面，就可以自动识别debugger关键字声明的断点，用户可以输入各种调试命令。这时候可以输入h，查看新的调试命令，比如args--查看函数参数，l（或者locals）--查看函数内部本地变量，n（或者next）等。
感兴趣的可以看看其调试器源码，也是使用JavaScript实现的。可以把它扩展成像firebug那样强大的东东。至少这个调试器是浏览器内置的，不用担心插件兼容性。实现firebug那些console api才是关键。
如何使用 Chrome 浏览器调试动态加载的 Javascript 脚本
脚本加载后、进入开发者模式（F12）、点击Sources菜单、双击打开要调试的js文件、断点调试
如何调试动态加载的js
//@ sourceURL=文件名
在chrome浏览器上调试
@换成#号更好，谷歌浏览器不赞成用@
//# sourceURL=文件名
extjs动态加载js文件怎么进行调试
1、首先,需要先创建一个基本可用的ExtJS模板,这个很简单,如下所示:!DOCTYPEhtmlhtmlheadtitle/titlelinkrel="stylesheet"type="text/css
如何调试html网页中的js代码
以谷歌浏览器Chrome为例（火狐类似），说下前端打“断点”：
一、按F12快捷键打开Chrome控制台，点击“Sources”选项卡，如图：
二、刷新当前网页，代码执行到“断点”处会停住，如上图蓝色区域；
三、按F8快捷键可以在不同的断点之间切换、按F10快捷键程序代码会一步步执行，这样就能很方便定位到错误区域，排查错误。
说明：火狐浏览器的操作方法和谷歌类似，当然界面略有不同。
