文档章节

IDEA调试javaScript

OSC首席小可爱
 OSC首席小可爱
发布于 2015/11/09 09:58
字数 469
阅读 443
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

        谈起JavaScript调试,大家可能想到的就是FireFox下的FireBug,这毫无疑问,FireBug基本已经成为JavaScript开发人员的必备工具。在本文中,将向大家介绍如何在IDEA下远程调试JavaScript,毕竟能在IDE工具中直接设置断点,进行调试,这还是非常诱人的。
       首先我们要给FireFox安装一个插件,该插件由IntelliJ IDEA的开发工程师开发,安装目录为%IDEA_HOME%/plugins/JavaScriptDebugger/firefox目录下,你只需拖动JBExtension.xpi文件到FireFox窗口即可完成安装。IDEA还会在调试JavaScript时自动安装,所以你不安装也不会有问题。

        接下来我们需要在IDEA中创建一个调试JavaScript的运行配置(run configuration),这样我们就可以启动JavaScript的调试器。这里要说明的是,你需要给相关的js设置网络URL,这样就可以在远程 JS和本地JS文件做好映射。

你点击Debug按钮后,IDEA就会打开一个FireFox,然后定位到你之前设定的URL地址,接下你在IDE工具中设定断点,当JS文件运行到断点时,就会被IDEA捕获,你就可以看到调试信息。

如果你不想为该URL进行远程调试,只需点击firefox中"Tools“菜单下的"JS Debugger"下的disconnect即可,这个时候,调试的断点就不再有效,可以正常运行程序啦。

总的来说,在IDE中调试JavaScript是非常诱人的,尽管FireBug已经非常优秀啦。IDE提供了众多的特性,如导航,代码提示等等,发现问题快速修复等,这些是FireBug所没有的,具体选择哪个方式,这里不做推荐,你自己看,不过你在做抉择之前,最好先了解一下这种模式。

© 著作权归作者所有

OSC首席小可爱

OSC首席小可爱

粉丝 3
博文 51
码字总数 66269
作品 0
无锡
后端工程师
私信 提问
在 IntelliJ IDEA 下远程调试 JavaScript

谈起JavaScript调试,大家可能想到的就是FireFox下的FireBug,这毫无疑问,FireBug基本已经成为JavaScript开发 人员的必备工具。在本文中,将向大家介绍如何在IDEA下远程调试JavaScript,毕竟...

鉴客
2010/07/22
9.4K
0
IntelliJ IDEA 10.5 正式版发布,完全支持JDK 7

IntelliJ IDEA 10.5 正式版发布了,建议所有人升级。IDEA 10.5 是一个重要的升级版本,该版本主要的改进包括: 完全支持 Java 7 重构功能、搜索替换功能界面的重构,简化代码自动完成 支持 ...

红薯
2011/05/17
7K
18
使用JetBrains IDE Support调试是否可以调试html中的js

idea用的是intellij idea 14,然后调试的时候发现,在jsp中只能调试java相关的代码,jsp中的js调试不了,js调试用的JetBrains IDE Support这个,这个在页面上调试的时候是否与默认的debug有冲...

newsomeone
2017/04/12
558
0
IntelliJ IDEA下添加jQuery自动提示

最近才开始接触IDEA,精神抖擞,就是纠结半天没有找到jQuery的语法提示,与之相关的中文文档又很少,看了下官方关于IDEA下jQuery提示的设置方法,简单如下: 1.依次打开 File – Project St...

HulkZ
2015/01/13
18.6K
1
不激活 IDEA 窗口的前提下能否让其自动同步外部编辑的文件?

从 eclipse 切换到 IDEA 有一段时间了,确实是个牛逼的 IDE,不过这玩意搞搞 java 还不错,编辑 javascript 的时候,就让人抓狂了——不过说实话,目前还没看到 js 提示能做的比较好的——各...

郁也风
2015/07/21
802
1

没有更多内容

加载失败,请刷新页面

加载更多

是否有内置功能可以打印对象的所有当前属性和值?

所以我在这里寻找的是类似PHP的print_r函数。 这样一来,我可以通过查看问题对象的状态来调试脚本。 #1楼 可能值得一看- 是否有与Perl的Data :: Dumper等效的Python? 我的建议是 https://gi...

技术盛宴
11分钟前
5
0
直击面试,聊聊 GC 机制

前言 文章来源:https://studyidea.cn/ GC 中文直译垃圾回收,是一种回收内存空间避免内存泄漏的机制。当 JVM 内存紧张,通过执行 GC 有效回收内存,转而分配给新对象从而实现内存的再利用。 ...

程序通事
14分钟前
4
0
Mybatis where 1=1 和 标签

在mybatis中拼接查询语句,偶尔会出现where后面可能一个字段的值都没有,就导致所有条件无效,导致where没有存在的意义;但也有可能这些条件会存在。那解决这个问题的方法,最常见的就是: ...

观海562
16分钟前
4
0
git常用初始化设置

日志编辑工具 git config --global core.editor vim ssh访问 cd /home/weiguangyue/.sshssh-keygen -t rsa -C weiyue888999@126.com 提交者信息用户名 git config --global user.nam......

萧默
17分钟前
3
0
面试题-关于Java线程池一篇文章就够了

在Java面试中,线程池相关知识,虽不能说是必问提,但出现的频次也是非常高的。同时又鉴于公众号“程序新视界”的读者后台留言让写一篇关于Java线程池的文章,于是就有本篇内容,本篇将基于J...

程序新视界
21分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部