番茄系統(tǒng)家園 - 免費(fèi)重裝系統(tǒng)！簡單裝系統(tǒng)，人人都是裝機(jī)大師！
當(dāng)前位置：首頁>谷歌瀏覽器 > Webstorm下如何結(jié)合chrome debug js程序

Webstorm下如何結(jié)合chrome debug js程序

來源：番茄系統(tǒng)家園瀏覽：時(shí)間：2023-01-10 11:09:03

一、安装Chrome插件

这一步需要翻墙，打开Chrome然后打开Web Stroe，搜索"jetbrains ide support"，在Extensions中找到如图

Webstorm下如何结合chrome debug js程序

安装它，安装成功后Chrome的右上角应该出现扩展程序JetBranins IDE Support的图标

Webstorm下如何结合chrome debug js程序

二、在WebStorm中新建一个项目

Webstorm下如何结合chrome debug js程序

三、新建debug配置项

点击右上角这个图标

Webstorm下如何结合chrome debug js程序

新建一个JavaScript Debug

Webstorm下如何结合chrome debug js程序

填写一个名字，随意起，选择URL，还有浏览器，这里浏览器当然选择Chrome，然后确定

Webstorm下如何结合chrome debug js程序

四，开始调试程序

打断点

Webstorm下如何结合chrome debug js程序

运行Debug模式

Webstorm下如何结合chrome debug js程序

不出意外的话，应该会自动打开你的Chrome，并且有一行debug提示

Webstorm下如何结合chrome debug js程序

WebStorm这边应该是已经断点，并且可以进行调试了

Webstorm下如何结合chrome debug js程序

调试界面功能齐全，不比Chrome自带工具差，如果要调试element style只能在Chrome了。

五、其它说明

大部分项目都不是利用WebStorm内置的WebServer运行项目的，比如更多的是使用Tomcat、browser-sync这类工具，因为API部分需要访问server-end，但也没有问题，假如你的项目启动后，访问地址为：localhost:3000，那么你在添加Debug的界面就要改成如下：

Webstorm下如何结合chrome debug js程序

其它不变。右键JetBrains IDE Support这个插件，可以打开选项，界面非常简单

Webstorm下如何结合chrome debug js程序

这个插件能够跟IDE通讯，其实是通过一个Host和Port链接IDE的，也就是WebStorm打开时已经自动启动一个Debuger Server，任何遵照它的协议连接上它即可实现IDE调试，我们打开IDE的属性，然后搜索Debugger，会发现这些配置信息，默认端口为63342，你可以修改这个端口，一般情况下没必要修改，如飞防火墙或者其它程序占用了端口才会去修改它

Webstorm下如何结合chrome debug js程序

其中有一项

Can accept external connections

这个选项默认未勾选，如果需要在其它电脑上访问IDE内置的WebServer，就要勾选这个选项，否则只允许127.0.0.1 or localhost 访问WebServer，当然，如果你的程序不依赖IDE的内置的WebServer那么这个选项也没必要勾选了。

最后大家可以动手试一试！

推薦系統(tǒng)

  • 雨林木風(fēng) winxp下載 純凈版 永久激活 winxp ghost系統(tǒng) sp3 系統(tǒng)下載

    雨林木風(fēng) winxp下載 純凈版 永久激活 winxp ghost系統(tǒng) sp3 系統(tǒng)下載64位
    系統(tǒng)大小：0MB系統(tǒng)類型：WinXP

    雨林木風(fēng)在系統(tǒng)方面技術(shù)積累雄厚深耕多年，打造了國內(nèi)重裝系統(tǒng)行業(yè)知名品牌，雨林木風(fēng)WindowsXP其系統(tǒng)口碑得到許多人認(rèn)可，積累了廣大的用戶群體，是一款穩(wěn)定流暢的系統(tǒng)，雨林木風(fēng) winxp下載 純凈版 永久激活 winxp ghost系統(tǒng) sp3 系統(tǒng)下載，有需要的朋友速度下載吧。

    系統(tǒng)等級(jí)：
    進(jìn)入下載 >

  • 蘿卜家園win7純凈版 ghost系統(tǒng)下載 x64 聯(lián)想電腦專用

    蘿卜家園win7純凈版 ghost系統(tǒng)下載 x64 聯(lián)想電腦專用64位
    系統(tǒng)大?。?/em>0MB系統(tǒng)類型：Win7

    蘿卜家園win7純凈版是款非常純凈的win7系統(tǒng)，此版本優(yōu)化更新了大量的驅(qū)動(dòng)，幫助用戶們進(jìn)行舒適的使用，更加的適合家庭辦公的使用，方便用戶，有需要的用戶們快來下載安裝吧。

    系統(tǒng)等級(jí)：
    進(jìn)入下載 >

  • 雨林木風(fēng)xp系統(tǒng) xp系統(tǒng)純凈版 winXP ghost xp sp3 純凈版系統(tǒng)下載

    雨林木風(fēng)xp系統(tǒng) xp系統(tǒng)純凈版 winXP ghost xp sp3 純凈版系統(tǒng)下載64位
    系統(tǒng)大?。?/em>1.01GB系統(tǒng)類型：WinXP

    雨林木風(fēng)xp系統(tǒng) xp系統(tǒng)純凈版 winXP ghost xp sp3 純凈版系統(tǒng)下載，雨林木風(fēng)WinXP系統(tǒng)技術(shù)積累雄厚深耕多年，采用了新的系統(tǒng)功能和硬件驅(qū)動(dòng)，可以更好的發(fā)揮系統(tǒng)的性能，優(yōu)化了系統(tǒng)、驅(qū)動(dòng)對(duì)硬件的加速，加固了系統(tǒng)安全策略，運(yùn)行環(huán)境安全可靠穩(wěn)定。

    系統(tǒng)等級(jí)：
    進(jìn)入下載 >

  • 蘿卜家園win10企業(yè)版 免激活密鑰 激活工具 V2023 X64位系統(tǒng)下載

    蘿卜家園win10企業(yè)版 免激活密鑰 激活工具 V2023 X64位系統(tǒng)下載64位
    系統(tǒng)大小：0MB系統(tǒng)類型：Win10

    蘿卜家園在系統(tǒng)方面技術(shù)積累雄厚深耕多年，打造了國內(nèi)重裝系統(tǒng)行業(yè)的蘿卜家園品牌，(win10企業(yè)版,win10 ghost,win10鏡像),蘿卜家園win10企業(yè)版 免激活密鑰 激活工具 ghost鏡像 X64位系統(tǒng)下載,其系統(tǒng)口碑得到許多人認(rèn)可，積累了廣大的用戶群體，蘿卜家園win10純凈版是一款穩(wěn)定流暢的系統(tǒng),一直以來都以用戶為中心，是由蘿卜家園win10團(tuán)隊(duì)推出的蘿卜家園

    系統(tǒng)等級(jí)：
    進(jìn)入下載 >

  • 蘿卜家園windows10游戲版 win10游戲?qū)I(yè)版 V2023 X64位系統(tǒng)下載

    蘿卜家園windows10游戲版 win10游戲?qū)I(yè)版 V2023 X64位系統(tǒng)下載64位
    系統(tǒng)大小：0MB系統(tǒng)類型：Win10

    蘿卜家園windows10游戲版 win10游戲?qū)I(yè)版 ghost X64位 系統(tǒng)下載，蘿卜家園在系統(tǒng)方面技術(shù)積累雄厚深耕多年，打造了國內(nèi)重裝系統(tǒng)行業(yè)的蘿卜家園品牌，其系統(tǒng)口碑得到許多人認(rèn)可，積累了廣大的用戶群體，蘿卜家園win10純凈版是一款穩(wěn)定流暢的系統(tǒng),一直以來都以用戶為中心，是由蘿卜家園win10團(tuán)隊(duì)推出的蘿卜家園win10國內(nèi)鏡像版，基于國內(nèi)用戶的習(xí)慣，做

    系統(tǒng)等級(jí)：
    進(jìn)入下載 >

  • windows11下載 蘿卜家園win11專業(yè)版 X64位 V2023官網(wǎng)下載

    windows11下載 蘿卜家園win11專業(yè)版 X64位 V2023官網(wǎng)下載64位
    系統(tǒng)大?。?/em>0MB系統(tǒng)類型：Win11

    蘿卜家園在系統(tǒng)方面技術(shù)積累雄厚深耕多年，windows11下載 蘿卜家園win11專業(yè)版 X64位 官網(wǎng)正式版可以更好的發(fā)揮系統(tǒng)的性能，優(yōu)化了系統(tǒng)、驅(qū)動(dòng)對(duì)硬件的加速，使得軟件在WINDOWS11系統(tǒng)中運(yùn)行得更加流暢，加固了系統(tǒng)安全策略，WINDOWS11系統(tǒng)在家用辦公上跑分表現(xiàn)都是非常優(yōu)秀，完美的兼容各種硬件和軟件，運(yùn)行環(huán)境安全可靠穩(wěn)定。

    系統(tǒng)等級(jí)：
    進(jìn)入下載 >

熱門系統(tǒng)

常用系統(tǒng)