当前位置: Chrome插件首页 > 开发者插件 > webstorm网页开发调试工具:JetBrains IDE Support Chrome插件

webstorm网页开发调试工具:JetBrains IDE Support Chrome插件

开发者插件
 

webstorm网页开发调试工具:JetBrains IDE Support Chrome插件图文教程

JetBrains IDE Support插件概述

JetBrains IDE Support是什么?
JetBrains IDE Support是一款支持编译即时显示在浏览器上调试的谷歌浏览器插件。作为web开发人员常用的开发者插件,程序员习惯称之为JB插件。这款调试插件需要与一些开发工具结合使用,比如JetBrains公司发布的一个web开发IDE,webstorm!支持代码提示、补全、定位、与Git集成等等各种功能,已经跟传统强类型语言的开发环境感觉无多大差异

JetBrains IDE Support插件下载安装

JetBrains IDE Support扩展程序哪里下载?
1.用户可以在chrome商店找到JetBrains IDE Support扩展程序,但是由于一些客观原因,很多时候chrome商店都无法正常打开。比如小编今天就打不开。。没关系,有需求的用户可以在本站下方找到下载的地址。

JetBrains IDE Support扩展程序怎么安装?

1.JB插件的安装方法参照:怎么在谷歌浏览器中安装.crx扩展名的离线chrome插件

2.JB插件安装成功后,用户可以在扩展程序安装chrome://extensions/页面看到。如下图所示:
jb插件


JetBrains IDE Support插件使用说明

JetBrains IDE Support插件怎么用?

1. JetBrains IDE Support扩展安装成功后,在浏览器的右上方可以看到JB的logo,但是因为没有和服务器连接,所以标志是灰色的。用户在使用的过程中,只有确认地址栏右边的JB插件图标是亮的,才表示chrome和webstrom是连接着。如下图所示:

jb插件服务器连接成功

2.Chrome的JetBrains IDE Support扩展可以连接到用户指定的Web服务器,JetBrains IDE Support扩展的属性中可以修改Web服务器地址和端口。

3.用户在webstrom中作出的任何修改(主要是HTML主文件),会立刻在浏览器中体验出来,如下图所示:
jb插件正在调试页面


JetBrains IDE Support相关插件推荐

1.Vue.js devtools:调试vue.js应用的浏览器扩展
2.React开发者工具-React Developer Tools

查看更多

webstorm网页开发调试工具:JetBrains IDE Support Chrome插件图片

  • Webstorm网页调试插件:JetBrains IDE Support插件图片

webstorm网页开发调试工具:JetBrains IDE Support Chrome插件基本信息

插件名称:webstorm网页开发调试工具:JetBrains IDE Support 插件作者:www.jetbrains.com 插件语言:English 官方站点:http://jetbrains.com 插件唯一标识:hmhgeddbohgjknpmjagkdomcpobmllji

webstorm网页开发调试工具:JetBrains IDE Support Chrome插件用户数和评分

下载次数:170643 用户评分:3.74747 (共5分) 参与评分人数:297

webstorm网页开发调试工具:JetBrains IDE Support Chrome插件文件信息

当前版本:2.0.7 最后更新日期:2019-04-25 文件大小:133KB

当前插件其他版本列表

webstorm网页开发调试工具:JetBrains IDE Support Chrome插件下载地址

本站下载 已有 170643 人成功下载

webstorm网页开发调试工具:JetBrains IDE Support 相关插件

Webstorm网页调试插件:JetBrains IDE Support

开发者插件 2019-03-05 20:22:16

JetBrains IDE Support是一款支持编译即时显示在浏览器上调试的谷歌浏览器插件。作为web开发人员常用的开发者插件,程序员习惯称之为JB插件。这款调试插件需要与一些开发工具结合使用,

React Developer Tools - React开发者工具

开发者插件 2019-02-20 12:10:21

React Developer Tools是一款由facebook开发的有用的Chrome 浏览器扩展,可以通过 Chrome Web存储获取。使用 Chrome Devtools 进行调试时,可以查看应用程序的 React 组件分层结构,而不是更加神秘的浏

Postman Interceptor

开发者插件 2018-04-16 16:07:54

送你发送请求通过邮差应用程序,它使用浏览器Cookie通过邮差镀铬的应用程序。
邮差拦截器发射帮助请求。
它也可以发送标题这是由镀铬通常的限制,但是对于测试API的关键。

Postman

开发者插件 2018-04-16 16:08:38

Postman是一个非常有力的Http Client工具,Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件,可在Web服务测 试中用来进行接口测试。

postman接口测试系列教程(一):环境配置

聚合专题 2018-06-25 22:16:02

最近忙着项目接口测试,经过不同工具的对比,发现 postman 使用起来挺顺手的,所以马上决定使用这个工具进行接口测试工作。刚开始的时候,了解了下接口测试的相关信息,直接着手

chrome开发者工具实现整站截屏

聚合专题 2018-08-30 11:44:32

我们经常要遇到将整个网站作为图片保存下来的情况,而windows系统自带的PrintScreen键只能保存当前屏幕的截图 在chrome浏览器中可以安装第三方的截图插件实现整站截图 今天我们要介绍

JetBrains IDE Support v2.0.10

开发者插件 2019-03-05 20:23:21

使用 Google Chrome 的 JetBrains IDE 支持扩展在 web storm 2017.2 或更早版本 (或 JetBrains 的其他 IDE) 中调试客户端应用程序或者在 web storm 2018.2 或更早版本中使用实时编辑功能。

Header Editor

开发者插件 2019-03-06 21:32:07

Header Editor是一款管理浏览器请求的Chrome扩展,包括修改请求头、修改响应头、重定向请求、取消请求。

webstorm网页开发调试工具:JetBrains IDE Support 同类插件推荐

SEO Tripwire Plugin Chrome插件

开发者插件 2017-05-30 04:19:34

Add pages and begin monitoring them for SEO changes into your SEO Tripwire account quickly with this Chrome extension.
This Chrome plugin allows users to quickly add pages they wish to monitor int

LazySec Chrome插件

开发者插件 2015-12-07 09:22:23

Quickly+removes+HTML+UI+validations+for+back-end+validation+testing%3cbr%2f%3eDESCRIPTION%3a%3cbr%2f%3eLazySec+is+a+very+simple+tool+designed+for+software+testers+but+of+general+use.+It+helps+in+the+t

IConGen Chrome插件

开发者插件 2016-05-29 02:07:25

Extension is for all Mobile Developers to required size of icons for iOS and as well as Android
IConGen is icon generator tool for iOS/Android/Mac Developers.

Feature
* It features si

Coder Rage GIFs Chrome插件

开发者插件 2015-02-14 23:23:47

随机GIF动画来表示你的愤怒,愤怒,愤怒,烦恼或坏的代码(或任何真的) 。 #coder #programmer #rage
Random",1,[["随机",1000,false,false],["无规",0,false,false],["随机的",0,false,false],["的随机",0,false,false],["随意",0,false,false]],[[0,6]],"Random animated GIFs to represent your anger, rage, ire,

SelectorHighlighter Chrome插件

开发者插件 2015-10-25 12:08:07

通过点击一个CSS选择器高亮风格。
通过点击一个CSS选择器高亮风格。

安装该扩展后,请做好right-click.

インストール後、右クリックして表示されるメニューから選んでください。

<body class='domain'> Chrome插件

开发者插件 2015-05-09 14:11:11

分配主体元素的网站的域名的类别值。
分配每个页面(包括任何帧)网站的域名的类别值的主体元素。例如& LT ;车身类= ' www.example.org ' & GT ;

这样做的目的是为了让网站的特定CSS选择器在custom.css (用户样式表) 。

CSS选择器使用一段时间来表示类,所以你需要逃脱他们用反斜杠。例如:
.www \ 。谷歌\ .COM * {字体家庭: & QUOT ; Comic Sans字体MS & QUOT

LiveScriptConsole Chrome插件

开发者插件 2018-06-07 13:22:17

A LiveScript console within the Chrome Dev Tools.

Open the Developer Tools (Ctrl-Shift-J, or Command-Option-J on Mac) and go to the LiveScriptConsole tab. You can enter LiveScript code, see i

swtch Chrome插件

开发者插件 2015-10-22 13:24:02

在网络上捕获和共享的最佳颜色。
动开关是谷歌Chrome扩展,可以让您品尝在任何网页的颜色。