关于javascript調試的信息

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

如何在网页中调试JavaScript

以IE8浏览器为例，接下来重点介绍并演示如何使用浏览器自带的开发人员工具调试JS程序。（该工具快捷按钮为F12）

1、在工具-Internet选项-高级，去掉“禁用脚步调试（Internet Explorer）”项的勾选。

2、去掉“显示友好http错误信息”项的勾选。最后点击应用，确定按钮。

3、预览表单，当要执行的js程序出现错误时，浏览器会给出提示。

4、在给出的错误提示窗口中，选择“是（Y）”按钮，进入IE浏览器自带的开发人员工具脚本调试界面。

5、根据JS调试信息可以知道，当前JS报错是由于没有找到指定对象“dat”而导致的。我们需要在表单设计器中，修改JS程序并保存。因演示效果的需要，在本例中是没有设置id值为dat的单行输入框控件的，本例中第二个单行输入框控件的id值是data2。修改后的JS代码。

6、将其改成值data2后，再进行测试不会出现JS报错信息，程序得以正常执行。

7、本例只是演示了如何利用IE自带的开发人员工具进行简单的调试工作，如需了解其他调试及排查技巧，请参阅网络及相关书籍进行学习。

如何启动调试会话 (JavaScript)

在使用 F5 启动调试时，Visual Studio 会生成并部署应用程序，将应用程序设置为在调试模式中运行，然后启动应用程序。若要启动设备上已安装的应用程序，请使用“调试安装的应用程序包”对话框。在需要调试已从 Windows 应用商店安装的应用程序时，或在具有应用程序的源文件但没有针对应用程序的 Visual Studio 项目时，此过程非常有用。例如，您的自定义生成系统可能不使用 Visual Studio 项目或解决方案。应用程序可安装在本地设备上，也可安装在远程设备上。您可以立即启动应用程序，或将应用程序设置为当其通过其他进程或方法（如从“开始”菜单或通过激活协定）启动时在调试器中运行，也可以将应用程序设置为当需要在未启动应用程序的情况下调试后台进程时在调试模式中运行。有关更多信息，请参见若要将已安装的应用程序设置为在调试模式中运行，请执行下列操作：说明在您启动此过程时，应用程序不得运行。在“调试”菜单上，选择 “调试安装的应用程序包” 请从列表中选择下列选项之一：本地计算机在本地计算机上的当前会话中调试应用程序。请参见在本地计算机上运行 Windows 应用商店应用程序。模拟器在 Visual Studio 的 Windows 应用商店应用程序模拟器中调试应用程序。模拟器是一个桌面窗口，在该窗口中可调试本地计算机上未提供的设备功能，如触摸手势和设备旋转。请参见在模拟器中运行 Windows 应用商店应用程序。远程计算机在通过 Intranet 连接到本地计算机或使用以太网电缆直接连接到本地计算机的设备上调试应用程序。若要进行远程调试，必须安装 Visual Studio 远程工具，并且远程设备上必须正在运行这些工具。请参见在远程计算机上运行 Windows 应用商店应用程序。从“安装的应用程序包” 列表中选择应用程序。从“调试此代码类型” 列表中选择要使用的调试引擎。（可选）。选择 “不启动，但在启动时调试代码” 以在通过其他某种方法启动应用程序时调试应用程序或调试后台进程。在单击“启动”时，应用程序将启动或设置为在调试模式中运行。

ie8 javascript调试

如果用的是谷歌核心的浏览器,比如chrome,360浏览器,世界之窗CHROME版,按一下F12,浏览器底部将会显示这个窗口

打开IE,也是按F12,请按一下红框的减号,如果不是,跳过这一步

选择"控制台"

在此处输入JS代码回车即可运行

由于IE不支持直接在控制台trace输出,我们输入document.write("大家好")来执行查看结果

谷歌浏览器调试远比IE强大,建议大家尽量使用谷歌浏览器好一点,多行代码可以先在记事本写好再复制进去执行

请选择console,这里是控制台输出窗口,在这里可以直接写JS代码,然后回车,代码会马上执行

现在说说用IE来测试JS代码,IE8版本以下的浏览器,不能即时执行代码,对学习效果不是很好,所以建议升级到至少IE8

如何用Eclipse调式JavaScript

1. Javascript Debug Toolkit介绍

JSDT(Javascript Debug Toolkit)是一个用于javascript调试的eclipse 插件，用于调试javascript。JSDT可以跨浏览器调试，支持在IE,Firefox,Safari,Chrome等主流浏览器中调试javascript。JSDT支持设置断点，单步调试等调试工具的基本特性。

2. 如何安装

JSDT是基于eclipse3.2+,jdk1.5+基础开发的，因此安装JSDT前应当先安装jdk1.5+和eclipse3.2+。

JSDT下载地址： ,其中jsdt-1.0.0.zip是JSDT的安装包，下载把其中的三个jar包解压到eclipse的plugins目录下，重启eclipse即可。

jsdt-simple.swf是一段使用jsdt在chrome浏览器调试javascript的简单例子的录象。

jsdt-ext-desktop.swf是一段使用jsdt在safari浏览器调试javascript的录象。

3.如何使用

1. 在eclipse中打开调试对话框，如下图所示：

2. 新建一个Javascript Debug，如下图所示

在url中输入要调试的url--本地文件名或服务器上的文件名(只支持http类型的url)。在browser输入框中选择浏览器(ie,firefox,safari或chrome等)

点击调试后会打开浏览器，，eclipse也会转到调试视图，并打开所有用到的javascript文件。

如果没有打开javascript文件，请查看调试透视图中是否打开了Debug Scripts视图

如果没有打开该视图，请点击：window-show view-other-Debug Scripts打开Debug Scripts视图，再选择当前调试堆栈，即可看到Debug Scripts视图，双击Debug Scripts中的文件，即可打开script文件。