Webstorm下如何结合chrome debug js程序
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
一、安装Chrome插件
这一步需要翻墙,打开Chrome然后打开Web Stroe,搜索"jetbrains ide support",在Extensions中找到如图
安装它,安装成功后Chrome的右上角应该出现扩展程序JetBranins IDE Support
的图标
点击右上角这个图标
新建一个JavaScript Debug
填写一个名字,随意起,选择URL,还有浏览器,这里浏览器当然选择Chrome,然后确定
四,开始调试程序打断点
运行Debug模式
不出意外的话,应该会自动打开你的Chrome,并且有一行debug提示
WebStorm这边应该是已经断点,并且可以进行调试了
调试界面功能齐全,不比Chrome自带工具差,如果要调试element style只能在Chrome了。
五、其它说明大部分项目都不是利用WebStorm内置的WebServer运行项目的,比如更多的是使用Tomcat、browser-sync
这类工具,因为API部分需要访问server-end,但也没有问题,假如你的项目启动后,访问地址为:localhost:3000,那么你在添加Debug的界面就要改成如下:
其它不变。右键JetBrains IDE Support这个插件,可以打开选项,界面非常简单
这个插件能够跟IDE通讯,其实是通过一个Host和Port链接IDE的,也就是WebStorm打开时已经自动启动一个Debuger Server,任何遵照它的协议连接上它即可实现IDE调试,我们打开IDE的属性,然后搜索Debugger,会发现这些配置信息,默认端口为63342
,你可以修改这个端口,一般情况下没必要修改,如飞防火墙或者其它程序占用了端口才会去修改它
其中有一项
Can accept external connections
这个选项默认未勾选,如果需要在其它电脑上访问IDE内置的WebServer,就要勾选这个选项,否则只允许127.0.0.1 or localhost
访问WebServer,当然,如果你的程序不依赖IDE的内置的WebServer那么这个选项也没必要勾选了。
最后大家可以动手试一试!
相关文章
- 程序员bugQQ表情包是一款最近比较火的表情包,适用于各种码农的日常工作吐槽,非常的有趣,你们这些苦逼的程序员,喜欢的朋友快来下载斗图吧2017-06-01
- vs2012外接程序vmdebugger未能加载该怎么办?vs2012打开提示外接程序”VMDebugger”能加载或导致了异常,该怎么解决这个敬告呢?下面我们就来看看详细的教程,需要的朋友可2016-12-13
Win8.1系统提示bugreport.exe应用程序错误的解决方法
Win8.1系统提示bugreport.exe应用程序错误,这种情况怎么办呢?本文将提供Win8.1系统提示bugreport.exe应用程序错误的解决方法供大家了解,希望对大家有所帮助2016-04-22- myeclipse怎么使用debug调试程序?myeclipse做项目的时候,必须要调试看看程序是否会出错,今天我们就来看看debug功能调试程序的过程,需要的朋友可以参考下2016-04-14
Linux系统下安装Bugzilla来追踪程序开发中的bug
这篇文章主要介绍了Linux系统下安装Bugzilla来追踪程序开发中的Bug的方法,并介绍了一些简单的B/S端操作,示例基于CentOS环境,需要的朋友可以参考下2015-11-24Win10正式版开始菜单严重Bug曝光:快捷程序过多或导致崩溃
微软7月29日正式发布新一代操作系统Windows10。英国科技新闻网站“The Register”当天报道称,Windows 10开始菜单出现新漏洞。若用户下载多于512个应用快捷程序,程序或将2015-07-30Win10新补丁KB3074681 bug很快修复 可在设置中卸载程序
刚刚我们报道了Win10自动更新导致N卡用户出现驱动故障进而闪屏等问题,来自winsupersite的报道,他们发现,本周六的更新KB3074681会造成资源管理器崩溃。 今天微软表示,在2015-07-27Win10新补丁KB3074681现BUG 控制面板卸载程序时崩溃
近日来微软不断为Win10 Builld 10240推送修复更新,今天,微软又推送了编号为KB3074681的更新,不过有网友表示更新后在控制面板中卸载程序时会出现explorer资源管理器崩溃2015-07-26- 这篇文章主要介绍了在Linux系统上安装数据库监控程序Bugzilla的方法,文中提供了用Bugzilla监控MySQL运行信息的示例,需要的朋友可以参考下2015-06-12
- 打开Visual Studio 2010后弹出错误框,外接程序VMDebugger未能加载或导致了异常,是否希望移除该外接程序,错误号:80004005,下面分享解决办法,需要的朋友可以参考下2015-05-21
最新评论