javascript在intellij调试.docVIP

先决条件 您正在使用的IntelliJ IDEA终极版 9.0版或更高。 请注意，JavaScript调试也是在以下IDEA为基础的产品可供选择： RubyMine 2.5版 。 PhpStorm 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文件： script type=text/javascript src=numbers.js language=JavaScript / SCRIPT 请注意，代码完成Ctrl +空格可同时输入代码： 准备就绪后，要注意突出显示的文件名numbers.js。 这是一个不存在的JavaScript文件的引用。 放置在这个名称，然后按Alt + Enter键插入符号，一个快速解决建议-创建缺少的文件。 选择这个速战速决，并有存根JavaScript文件准备就绪。 接下来，输入以下代码： VAR I = 0; 为（i = 0; I = 10; I + +） {如果（i == 3） { 继续; } 的document.write（“号码是”+ i）条; 的document.write（“BR/”）; } 设置断点 现在让我们设置断点来我们的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文件（以下黑体）参考： ％@页面的contentType =“text / html的;字符集= UTF - 8”LANGUAGE =“java的”％ HTML HEAD TITLE简单网页/ TITLE / HEAD BODY script type=text/javascript src=numbers.js / SCRIPT / B