javascript在intellij调试Word格式.docx
- 文档编号:17458161
- 上传时间:2022-12-01
- 格式:DOCX
- 页数:9
- 大小:414.36KB
javascript在intellij调试Word格式.docx
《javascript在intellij调试Word格式.docx》由会员分享,可在线阅读,更多相关《javascript在intellij调试Word格式.docx(9页珍藏版)》请在冰豆网上搜索。
∙没有具体的JS库是必需的。
欢迎您使用任何JS库需要。
∙对于远程调试,你需要一个应用服务器(在本教程中的Tomcat6时),用的IntelliJIDEA集成。
有关详情,请参阅本教程创建一个简单的Web应用程序和部署到Tomcat。
本地调试
对于本地调试准备内容
启动的IntelliJIDEA和创建或打开一个项目。
(文件|新建项目或文件|打开项目)。
首先,让我们创建一个HTML页面。
要做到这一点,随着项目的工具窗口具有焦点,按Alt+插入,选择在弹出菜单的HTML/XHTML文件,并输入文件名:
IntelliJIDEA的产生一些初步的内容存根文件。
我们将嵌入引用的JavaScript文件:
<
scripttype="
text/javascript"
src="
numbers.js"
language="
JavaScript"
>
/SCRIPT>
请注意,代码完成Ctrl+空格可同时输入代码:
准备就绪后,要注意突出显示的文件名numbers.js。
这是一个不存在的JavaScript文件的引用。
放置在这个名称,然后按Alt+Enter键插入符号,一个快速解决建议-创建缺少的文件。
选择这个速战速决,并有存根JavaScript文件准备就绪。
接下来,输入以下代码:
VARI=0;
为(i=0;
I<
=10;
I++)
{如果(i==3)
{
继续;
}
的document.write(“号码是”+i)条;
的document.write(“<
BR/>
”);
设置断点
现在让我们设置断点来我们的JavaScript。
这是最简单-只要按一下在左边线排水沟你希望脚本暂停:
启动调试会话
所有的预备步骤完成,它的时间来进行调试会话。
要启动它,只需右键单击该文件numbers.html背景,并选择上下文菜单上的调试。
如果你启动了第一次调试,IntelliJIDEA将会警告你安装一个扩展:
在启动调试器,Firefox会通知您已安装的扩展:
注意:
添加在IDEA中加入调试命令到在Firefox的页面上下文菜单JetBrains的延伸结果。
因此,调试会话开始与默认JavaScript调试-本地运行/调试配置,这是在当前文件名为-Numbers.html:
检查调试信息
当调试会话启动时,你的HTML页面显示在浏览器和调试工具窗口打开:
你的程序执行挂起时,第一个断点被击中。
这样的断点标有蓝色条纹:
现在,让我们一步步来的脚本。
其实,你可以使用的调试工具窗口工具栏上的步进按钮,但因为你是一个键盘为中心的IDE工作,使用非常方便快捷,这取决于你的调试算法。
例如,你可以按F7步骤到下一个断点。
当你通过你的申请步骤,相应的信息出现在调试工具窗口,并在您的Web浏览器号页面:
这与本地调试它。
下一步,我们将远程调试相同的脚本。
远程调试
从本地调试的主要区别规定与该HTML文件,JavaScript文件是从服务器,这是无论是推出的IntelliJIDEA本身,或由用户下载的事实。
当你调试此类脚本,你居然发生在JavaScript映射到服务器上的相应页面文件断点。
远程调试准备内容
对于我们而言,建立一个在IntelliJIDEA简单的Web应用程序,如本教程介绍创建一个简单的Web应用程序并部署到Tomcat。
然后,添加相同的“显示号码”的内容。
要做到这一点,请按照下列步骤:
1.In的index.jsp文件的IntelliJIDEA自动生成,添加一个JavaScript文件(以下黑体)参考:
%@页面的contentType=“text/html的;
字符集=UTF-8”LANGUAGE=“java的”%>
HTML>
HEAD>
TITLE>
简单网页<
/TITLE>
/HEAD>
BODY>
/BODY>
/HTML>
2,采用建议的速战速决,以创建JavaScript文件numbers.js,并添加相同的代码,如在描述本文件的第一部分。
创建运行/调试配置进行远程调试
与本地调试,为此,默认运行/调试配置提供,我们就必须创造自己的一个远程调试。
这是怎样做这项工作:
按Alt+Shift+F9,然后按0选择编辑弹出菜单配置:
在运行/调试配置对话框,按INSERT,并选择Tomcat-地方。
在Tomcat的运行/调试配置页面,你可以看到,Tomcat是已经作为应用服务器的认可。
既然我们要调试的脚本,让我们启用调试。
要做到这一点,在打开浏览器部分,只要选择使用JavaScript调试器复选框:
除此之外运行/调试配置,启动与JavaScript调试服务器,IntelliJIDEA的自动创建一个JavaScript调试远程运行配置。
现在,我们已经准备好部署在服务器上的网页,并调试它。
首先,在服务器上运行的应用程序:
运行工具窗口显示Tomcat的信息。
您已连接到服务器,您的简单页面打开在浏览器中,可以预见显示数字。
但是!
除了运行工具窗口,有调试工具窗口-请记住,我们已经启用JavaScript调试?
让我们切换到该工具窗口-这样做,只需点击调试工具栏按钮。
调试脚本
首先,看看标题栏。
调试工具为当前调试会话窗口标签命名相应的运行/调试配置-这个被称为的index.jsp的JavaScript。
但看看,我们没有创建这个远程JavaScript调试配置-为我们做的IntelliJIDEA是:
指定了要打开的浏览器,并绘制了远程URL到本地目录页网址。
打开运行/调试配置对话框来探索这个配置:
现在,让我们回过头来调试工具窗口。
它由三个选项卡:
调试,控制台和脚本。
目前,对我们来说最有趣的是脚本标签。
它显示了目前所有的脚本在浏览器中运行:
选择numbers.js,然后按F4。
该脚本在页面打开的IntelliJIDEA的编辑。
让我们给它设置断点,在一节设置断点。
切换到浏览器,并刷新该页面。
第一个断点:
当您逐步执行脚本,使用步进按钮或键盘快捷方式,在浏览器中刷新页面,输出得到进一步,直到完整的清单显示:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- javascript intellij 调试