VisBug：助力前端开发的浏览器GUI

作为前端研发者确信赞同有遇到过不限过场：

看到一个该网站某个模块不错的外观上效果想尽办法看CSS示例研发过程当中缩减外观上，如大写字母渗出，相反，字体大小颜类更是改该网站数据或外观上截图分享

在研发过程当中，我们多半才会遇到须要不断缩减示例才能达到预想效果的情况下。如果是直通上该网站的情况下，一般才会简单粗暴地用到 F12 来察看示例或更是改数据。但今天我发现了一个比较不错的 Chrome 软件包，可以透过更是好的框架。我亲自试验性了一下，仿佛比较棒。在本文当中，我将分享这个软件包的具体基本功能，再来有否正好并能解决你的问题。

这个软件包的名称是：「VisBug」，下载配置电话号码：「」， 官网尽情电话号码：。

VisBug 是一款由 Adam Argyle 所创作的词汇 Web 研发的搜索引擎扩展，它可以在 Google Chrome 和 Firefox 搜索引擎当中用到。VisBug 的主要目的是为 Web 研发者透过一种极其清晰、易用和有意思的方式也来研发和内部设计该网站。VisBug 与搜索引擎的研发者基本功能多种不同，但透过了更是多的可视化基本功能，可以在关键字上实时编辑 CSS 外观上、HTML 锕系元素和布局，以及检查和加以改进关键字的可才会见官能和官能能。

简单来说就是软件包透过了一种更是清晰的方式也来编辑网页，并能很巧妙的进行内部设计和试运行，最主要「方向移动、缩减大小、编辑重构，改写颜色、实行截图效果等」，并能增加有强迫症同学们日常每一次缩减的效率。

配置再多成后打开也就是说想尽办法试运行的该网站，其他用户软件包后才会出现一个左侧亦同，包涵各种基本功能先以项。

VisBug 的主要基本功能最主要不限基本功能点，不限所述以此类推和和上面基本功能点截图以此类推一一也就是说：

1、量度锕系元素相互间的长度，先以当中锕系元素后方向移动鼠标可以推测各种锕系元素和被先以锕系元素相互间的距离，就像平时察看内部设计图一样。

2、被先以锕系元素CSS外观上察看，hover时才会曾随鼠标方向移动变化，须要粘贴或驻留的其他用户该锕系元素即可，该弹窗不才会消退可以进行粘贴转换，直到其他用户下一个锕系元素停止使用售票处。

3、推测被先以锕系元素的美感具体属官能，这个仿佛相比较实用的数据不多。

4、先以当中锕系元素最后，可以按左键或者方向印表机正因如此

5、推测锕系元素的外面距（margin），可通过印表机缩减大小。

印表机缩减的转换方式也，后续具体基本功能点也有默许，具体的转换方式也可以hover也就是说的基本功能点察看。

6、推测锕系元素的内边距（padding），和外面距一样。

7、基于flex布局缩减锕系元素的外观上，通过印表机缩减比较方便。

8、缩减锕系元素的字体颜色和背景颜色，先以当中锕系元素后改写调色板即可。

9、如果锕系元素有镜子，则可以抑制镜子具体细节。

10、缩减锕系元素右边，任意正因如此

11、缩减字体大小、字体长度、行距

12、编辑锕系元素（删掉添加文字或者图片），对于要更是改数据的过场就比较方便了。

13、搜索关键字锕系元素（默许标签、class、id等先以择器）

主要基本功能点就解说再多了，有兴趣的同学们可以配置尽情一下。VisBug 软件包可以尽力研发人员极其巧妙地进行 Web 研发和内部设计，并增加他们的创造官能和生产力。如果您是一名 Web 研发者或服装内部设计，VisBug 可以是您的一款不可或缺的基本功能。

看再多本文如果说道有用，记得点个王及默许，收藏大大的说不定哪天就用上啦～

「集中精力前端研发，分享前端具体技术干货，公众号：城北大前端（ID: nanchengfe）」

感冒嗓子疼喝什么药见效快
藿香正气口服液治胃肠型感冒吗听听医生怎么说
迈普新胸腺法新有效果吗
康恩贝肠炎宁颗粒的功效主治是什么
怎么治疗胃酸烧心