当前位置: Chrome插件首页 > 开发者插件 > Webstorm网页调试插件:JetBrains IDE Support Chrome插件 > Webstorm网页调试插件:JetBrains IDE Support Chrome插件详细图文介绍

Webstorm网页调试插件:JetBrains IDE Support 图文介绍

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

HTML / CSS / JavaScript编辑和JavaScript使用JetBrains公司的IDE调试。

注:中文翻译来自GOOGLE

JetBrains IDE Support插件概述

JetBrains IDE Support是什么?
JetBrains IDE Support是一款支持编译即时显示在浏览器上调试的谷歌浏览器插件。作为web开发人员常用的开发者插件,程序员习惯称之为JB插件。这款调试插件需要与一些开发工具结合使用,比如JetBrains公司发布的一个web开发IDE,webstorm!支持代码提示、补全、定位、与Git集成等等各种功能,已经跟传统强类型语言的开发环境感觉无多大差异,同时推荐一下java开发神器激活码:IntelliJ IDEA最新2021.1注册激活码破解教程(亲测有效永久激活码IDEA)

最新IDEA2021.2破解注册激活码教程(亲测有效永久激活破解IDEA2021.2)

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服务器地址和端口,IDEA激活码在这里点击

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


JetBrains IDE Support相关插件推荐

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

当前插件其他版本列表

Webstorm网页调试插件:JetBrains IDE Support 相关插件推荐

my script

开发者插件 2019-01-01 17:56:10

存储自定义脚本至localstorage,重新加载页面时,domready后插入脚本至页面

网址二维码生成器

开发者插件 2015-11-03 14:06:32

生成网址的二维码,支持网址中含有中文,支持超长网址
生成网址的二维码,支持网址中含有中文,支持超长网址

v1.0.2升级概要
1. 支持url中的中文支持
2. 支持超长网址
3. UI改进

Remove Cookie!

开发者插件 2015-01-24 19:55:00

删除的网站,其中包括饼干路径和域
这个扩展使您能够快速去除可能已设置了站点的cookie设置cookie 。只需点击& ldquo;删除Cookie的!Removes",1,[["删除",1000,false,false],["移除",0,false,false],["去除",0,false,false],["中删除",0,false,false],["消除",0,false,false]],[[0,7]],"Removes cookies set by the site, including c

SEO Analysis with Seoptimer v1.0.0

开发者插件 2019-06-16 01:24:03

注意:
从 1.0.0 版开始,我们需要你的许可来阅读关于 “标签” 的信息。没有这一点,我们无法轻松地将您重定向到我们的工具。 Google Chrome 的 “搜索引擎”™是一个方便的插件,用于快速准确的网站搜索引擎优化分析。Seoptimer 检查页面 SEO 上的所有重要因素。通过检查页面 SEO 因素中最重要的因素来分析你的网站。结果,你会得到最好的优化提示的清晰的 SEO

Chrome Poster

开发者插件 2020-03-13 21:06:25

Chrome Poster是开发人员工具,可让您与http服务器进行交互,主要用于与http服务器交互的开发人员工具。 也被称为简单的休息客户。

Copy Css Selector v0.5.0.3

开发者插件 2019-10-09 16:24:57

为页面上的任何元素找到唯一的选择器。
它会找到一个对所选元素唯一的最佳选择器。用鼠标右键单击元素,然后选择 “将 Css 选择器菜单项复制到缓冲区”,这样您就可以将复制的选择器传递给任何文本编辑器。
对于快速获取用于测试框架 (如 Selenium) 的任何元素的选择器非常有用。

小密圈助手

开发者插件 2019-03-02 21:46:13

PC端浏览小密圈的时候,文中的链接比较分散;此助手能列出页面里涉及的所有链接,帮助用户快速浏览

Quick source viewer v1.3.2

开发者插件 2019-11-18 19:21:39

以快速紧凑的方式显示页面的 HTML 、 Javascript 和 CSS 源。源代码是语法化和美化的,便于阅读。工具栏中的徽章显示 Javascript 节点计数。显示文件大小和缓存标题。
使用内嵌 javascript 显示 onclick 处理程序。使用自定义 CSS 可以修改外观和感觉。
复制到剪贴板。行号。可以在源文件列表中删除选定的 url。
开源-

WME Toolbox v1.8.12

开发者插件 2020-01-28 12:34:50

-具有以下功能的图层菜单:
-水平锁定段的高亮显示
-手动锁定的高亮显示 (更大、相等、小于自动锁)
-正面或负面高度的高亮显示部分
-带有门牌的高亮显示部分
-没有门牌的命名街道的高亮显示 -具有时间限制的片段/节点的高亮显示
-循环的高亮显示
-可能导致问题的环岛突出显示
>-U 形转弯的亮点
-亮点反

Design Grid Overlay v1.0.1

开发者插件 2019-04-08 13:04:35

使用设计网格是在整个视觉媒体,特别是网站上创造视觉和谐和节奏的一种既定方式。这个设计网格插件可以被配置为与许多流行的网格系统一起工作,包括引导、皮肤、纯、 Susy 、 Foundation 等等。
此扩展允许您输入列、水槽和宽度的网格规范,然后显示网格指南和元素测量,以对齐页面上的内容。
1.0-网格设置的 bug 修复
1.0-添加了键盘快捷键。增加了使用 s

Wappalyzer - 分析网站的插件

开发者插件 2019-02-13 23:50:18

作为开发者,对于友商网站所使用的技术栈想必也充满了许多好奇心,有没有工具能够帮你完成这项工作呢?之前本站有介绍过一款Chrome插件BuiltWith Technology Profiler,它能够帮你分类呈现

Chrome Sniffer Plus

开发者插件 2016-06-28 07:34:52

Sniff web framework and javascript libraries run on browsing website.
Sniff web framework and javascript libraries run on browsing website.

With this extension, You can sniff

-

XSS字符编码神器

开发者插件 2015-03-27 09:40:53

作者:0x_Jin XSS字符编码神器,集合了html,js,base6,utf-7,utf-8JP等编码!随后又添加HttpOnly Cookie泄露扫描以及第三方资源探测等等!如果机器配置比较低可能会有点卡顿。在后续版本会解决此问题的
本插件已更新 20141011
由0x_Jin授权于Uncia代发布 XSS字符编码神器~

———————————————————
V2.5
修复了某些细节上的BUG

V2.4 更新说明
1.增

QR二维码生成

开发者插件 2016-09-02 11:45:57

生成当前网页URL的二维码,自动将本地(localhost/127.0.0.1)域名替换为对外的IP,也能生成指定URL/文件内容。
生成当前网页URL的二维码。

特点:

1. 默认生成当前网页URL的二维码
2. 自动将本地(localhost/127.0.0.1)域名替换为对外的IP
3. 能生成任何文本内容为二维码
4. 能

Agenty - Advanced Web Scraper v2.8.3

开发者插件 2019-08-29 20:35:09

一个非常简单和高级的数据抓取扩展,通过使用带有实时提取数据预览的点击 CSS 选择器从网站提取数据,并将数据快速导出到 JSON/CSV/TSV。
为 Agenty 云平台或 Windows 桌面软件、用于大数据提取的数据抓取工作室 (https://w.agenty.com) 和更高级的 web 抓取功能创建免费的 web像调度,匿名网站抓取,网站抓取,抽取 100 或者百万个网页,同

极简二维码

开发者插件 2019-05-27 11:31:09

Chrome极简二维码生成工具

这是一款功能简单的二维码生成工具,基于node-qrcode、bootstrap、mrw.so短地址服务实现。用于取代其他同类产品。

## Thanks
- https://github.com/soldair/node-qrcode
- https://getbootstrap.com/
- http:/