javascript在intellij调试.doc

先决条件 您正在使用的IntelliJ IDEA终极版 9.0版或更高。 请注意，JavaScript调试也是在以下IDEA为基础的产品可供选择： o RubyMine 2.5版 。 o PhpStorm o WebStorm 而在这些产品中的JavaScript调试过程略有不同。 在本教程的目的，让我们使用的IntelliJ IDEA。 JavaScript调试是对 Firefox可用。 请注意，当您调试在Firefox第一次你的JavaScript，JetBrains的Firefox扩展将被安装。 没有具体的JS库是必需的。 欢迎您使用任何JS库需要。 对于远程调试，你需要一个应用服务器（在本教程中的Tomcat 6时），用的IntelliJ IDEA集成。 有关详情，请参阅本教程创建一个简单的Web应用程序和部署到Tomcat 。 本地调试 对于本地调试准备内容 启动的IntelliJ IDEA和创建或打开一个项目。 （ 文件|新建项目或文件|打开项目 ）。 首先，让我们创建一个HTML页面。 要做到这一点，随着项目的工具窗口具有焦点， 按 Alt +插入 ，选择在弹出菜单的HTML / XHTML文件 ，并输入文件名 ： IntelliJ IDEA的产生一些初步的内容存根文件。 我们将嵌入引用的JavaScript文件： 请注意，代码完成Ctrl +空格可同时输入代码： 准备就绪后，要注意突出显示的文件名numbers.js。 这是一个不存在的JavaScript文件的引用。 放置在这个名称，然后按Alt + Enter键插入符号，一个快速解决建议-创建缺少的文件。 选择这个速战速决，并有存根JavaScript文件准备就绪。 接下来，输入以下代码： VAR I = 0;为（i = 0; I = 10; I + +） 如果（i = 3） 继续; 的document.write（“号码是”+ i）条; 的document.write（“”）; 设置断点 现在让我们设置断点来我们的JavaScript。 这是最简单 - 只要按一下在左边线排水沟你希望脚本暂停： 启动调试会话 所有的预备步骤完成，它的时间来进行调试会话。 要启动它，只需右键单击该文件numbers.html背景，并选择上下文菜单上的调试。 如果你启动了第一次调试，IntelliJ IDEA将会警告你安装一个扩展： 在启动调试器，Firefox会通知您已安装的扩展： 注意 ：添加在IDEA中加入调试命令到在Firefox的页面上下文菜单JetBrains的延伸结果。 因此，调试会话开始与默认 JavaScript 调试-本地运行/调试配置，这是在当前文件名 为- Numbers.html： 检查调试信息 当调试会话启动时，你的HTML页面显示在浏览器和调试工具窗口打开： 你的程序执行挂起时，第一个断点被击中。 这样的断点标有蓝色条纹： 现在，让我们一步步来的脚本。 其实，你可以使用的调试工具窗口工具栏上的步进按钮，但因为你是一个键盘为中心的IDE工作，使用非常方便快捷，这取决于你的调试算法。 例如，你可以按F7步骤到下一个断点。 当你通过你的申请步骤，相应的信息出现在调试工具窗口，并在您的Web浏览器号页面： 这与本地调试它。 下一步，我们将远程调试相同的脚本。 远程调试 从本地调试的主要区别规定与该HTML文件，JavaScript文件是从服务器，这是无论是推出的IntelliJ IDEA本身，或由用户下载的事实。 当你调试此类脚本，你居然发生在JavaScript映射到服务器上的相应页面文件断点。 远程调试准备内容 对于我们而言，建立一个在 IntelliJ IDEA简单的Web应用程序，如本教程介绍创建一个简单的Web应用程序并部 署到Tomcat 。 然后，添加相同的“显示号码”的内容。 要做到这一点，请按照下列步骤： 1.In 的 index.jsp文件的IntelliJ IDEA自动生成，添加一个JavaScript文件（以下黑体）参考： 简单网页 2，采用建议的速战速决，以创建JavaScript文件numbers.js，并添加相同的代码，如在描述本文件的第一部分 。 创建运行/调试配置进行远程调试 与本地调试，为此，默认运行/调试配置提供，我们就必须创造自己的一个远程调试。 这是怎样做这项工作： 按 Alt + Shift + F9，然后按0选择编辑弹出菜单配置： 在运行/调试配置对话框，按INSERT，并选择Tomcat - 地方。 在Tomcat的运行/调试配置页面，你可以看到，Tomcat是已经作为应用服务器的认可。 既然我们要调试的脚本，让我们启用调试。 要做到这一点，在打开浏览器部分，只要选择使用JavaScript调试器复选框： 除此之外运行/调试配置，启动与JavaScript调试服务器，IntelliJ IDEA的自动创建一个JavaScript调试远程运行配置。 启动调试会话 现在，我们已经准备好部署在服务器上的网页，并调试它。 首先，在服务器上运行的应用程序： 运行工具窗口显示Tomcat的信息。 您已连接到服务器，您的简单页面打开在浏览器中，可以预见显示数字。 但是！ 除了运行工具窗口，有调试工具窗口 - 请记住，我们已经启用JavaScript调试？ 让我们切换到该工具窗口-这样做，只需点击调试工具栏按钮。 调试脚本 首先，看看标题栏。 调试工具为当前调试会话窗口标签命名相应的运行/调试配置-这个被称为的index.jsp的JavaScript。 但看看，我们没有创建这个远程JavaScript调试配置-为我们做的IntelliJ IDEA是：指定了要打开的浏览器，并绘制了远程URL到本地目录页网址。 打开运行/调试配置对话框来探索这个配置： 现在，让我们回过头来调试工具窗口。 它由三个选项卡： 调试 ， 控制台和脚本 。 目前，对我们来说最有趣的是脚本标签。 它显示了目前所有的脚本在浏览器中运行： 选择number