如何开发js调试工具,如何开发js调试工具文件

如何使用firefox进行网页js调试

1、首先使用Firefox火狐浏览器打开需要调试页面，也可以在开发工具设置火狐浏览器来打开：

2、在打开的Firefox浏览器中按F12键，接着就会打开“开发者工具”了：

3、此时选择“调试器”选项，然后选择需要调试的JS文件，接着就可以在需要调试的位置加入断点进行调试：

4、按F11或者F10单步调试JS，这里F11和F10的区别是F11调试，单步执行进入调用的其它函数；而F10调试单步执行，是不进入调用的其它函数的。当然也可以单机页面上相应的按钮进行调试。以上就是用Firefox调试网页的过程：

如何进行js的debug

谷歌开发人员工具都可以调试，ie浏览器按f12，有个脚本

开启调试功能，加载js的时候就开启，js报错就会自动提示，也可以在js上打断点（或者自己在js中想要打断点的位置加debuger；js运行到这句代码就会自动暂停）不用调试的时候记得关闭调试，因为占用内存ie会卡死

如何进行html调试和js脚本调试

工具/原料

chrome浏览器? ?Mozilla firefox? ?电脑

方法/步骤

1、以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。

2、选择指定的dom节点进行查看和编辑。

3、js断点调试：chrome非常强大，在chrome调试工具栏中，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）：我先写一段简单的js代码：function debug(){for (var i=0;i10;i++){alert(i);}调试截图如下：

4、js ajax调试，ajax技术如今越来越频繁使用，所以，ajax调试也必不可少：在chrome调试工具中，可以查看到当前页面所以的请求，包括ajax请求，以下是页面打开后所有发起的请求。

如何调试JS?

目前，常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。我们先来看IE的：

1、在F12开发人员工具中进行调试

打开IE浏览器，按下F12键，就会打开开发人员工具，这是IE内置的开发人员开发工具，方便开发人员对HTML、CSS、Javascript等网页资源进行跟踪调试使用的。

如果你打开的时候没有固定在网页底部，可以点击右上角菜单栏中的按钮来完成。

我们看到在这个工具窗口里面有几个标签页，分别是：HTML、CSS、控制台、脚本、探查器和网络，点开每一个标签，可以执行相应的任务。

在HTML标签窗口中，工具栏中的按钮所执行的操作如下图：

CSS标签是用来查看样式的；控制台显示网页中JS的各种输出信息，包括错误信息、用户日志等；打开脚本标签页，这里面才是我们想要的内容。

我在图中用黄色矩形选中连个控件，左侧的下拉列表用来选择文件，右侧的按钮用来启动调试。当点击启动调试后，调试程序会将窗口最大化，我们在选中的文件中找到需要调试的位置，点击左侧边栏添加断点即可进行调试。

当有程序运行到我们的断点处时，就可以进行调试了：

在这里，我们可以使用快捷键进行操作，常用的快捷键如下：

F9：添加/移除 断点

F10：逐过程，即跳过该语句中的方法、表达式等

F11：逐语句调试，即单步调试，会跳入方法、表达式，进行逐语句的跟踪调试

在执行过程中，如果我们要执行即时的代码，我们就需要在右侧的窗格中输入代码，按回车即可：

如果要执行多行代码，点击运行按钮右侧的双箭头，就会打开多行模式。我就不再截图片了。

这种直接在浏览器中调试的方法同样适用于Google浏览器Chrome和FireFox FireDebug，只不过在细枝末叶上面有些不同罢了，主体的功能都是一样的。

按F12键进入开发者工具，可以查看源代码、样式和js：

点击Scripts按钮，可以打开这个调试窗口，里面包含了网页中脚本文件源码，点击左侧的按钮可以打开选择文件的侧窗口。

2、使用debugger关键字进行调试

这种方法很简单，我们只需要在进行调试的地方加入debugger关键字，然后当浏览器运行到这个关键字的时候，就会中断：

设置以后就可以使用debugger关键字进行调试了；进过这样的设置，我们还可以捕获到意外的错误，进行跟踪调试。

nodejs 模块开发怎么调试

1. 基于Nodejs内建的调试器

Nodejs提供了一个内建调试器来帮助开发者调试应用程序。想要开启调试器我们需要在代码中加入debugger标签，当Nodejs执行到debugger标签时会自动暂停（debugger标签相当于在代码中开启一个断点）。代码如下：

var path = url.parse(req.url).pathname;

debugger;

res.writeHead(200, {'Content-Type': 'text/plain'});

执行命令：node debug example.js 就可以进入调试模式。

在debug模式下，可以使用内建命令如repl去评估变量和表达式的值（如2所示）。我们也可以通过help命令来获取完整的调试命令列表。

Commands: run (r), cont (c), next (n), step (s), out (o), backtrace (bt), setBreakpoint (sb), clearBreakpoint (cb),

watch, unwatch, watchers, repl, restart, kill, list, scripts, breakpoints, version

2. 基于V8插件的调试器

Nodejs是基于google V8的引擎上构建的，Google为Eclipse提供了一个对应的调试插件。关于如何在Eclipse中安装和调试Nodejs程序就不再重复描述了。唯一要注意的是在默认情况下V8引擎支持的调试模式是本地模式。如果想要开启远程调试的话，我们需要修改Nodejs中的V8源文件：/deps/v8/src/platform-posix.cc

addr.sin_family = AF_INET;

addr.sin_addr.s_addr = htonl(INADDR_LOOPBACK); -- INADDR_ANY

addr.sin_port = htons(port);

然后重新编译Nodejs。

提示：

用插件来调试nodejs程序，你有时候会遇到什么connect refuse, get version failed等等错误。那么请注意你使用的ip的地址， 一般下127.0.0.1的回环地址是都工作的。如果你使用真实的ip地址，请检查防火墙设置。

3. 基于Chrome浏览器的调试器

既然我们可以通过V8的调试插件来调试，那是否也可以借用Chrome浏览器的JavaScript调试器来调试呢？node-inspector模块提供了这样一种可能。我们需要先通过npm来安装node-inspector

npm install -g node-inspector // -g 导入安装路径到环境变量

node-inspector是通过websocket方式来转向debug输入输出的。因此，我们在调试前要先启动node-inspector来监听Nodejs的debug调试端口。

默认情况下node-inspector的端口是8080，可以通过参数--web-port=[port]来设置端口。在启动node-inpspector之后，我们可以通过--debug或--debug-brk来启动nodejs程序。通过在浏览器输入http://[ip address]:8080/debug?port=5858，我们会得到如下的调试窗口：

这三种方法各自有优缺点，我个人比较欣赏node-inspector的方式。

aptana studio如何调试js

调试如下：

1、选择你所需要的调试的html文件，右键点击"Debug As" 下的 “Debug...” ，其中左侧菜单中要选用 “Web Browser”，右侧的"Main" 选项卡中的 "Browser ；

2、executable"中一定要填写正确的firefox.exe文件的路径，其他的默认即可，如下图：

3、点击 “Debug” 按钮（快捷键F11 ）进入调试视图，(aptana 同时会打开firefox浏览器)，如下图：