程序员珍藏的 15 款 Chrome 浏览器插件！开发必备神器！

哈喽，大家好！我是前端实验室的小师妹!

有句话，事半功倍，其必然是借助了某些思想和工具。

在前端开发的过程中会用到很多的浏览器插件，好用的插件，能帮助开发者在开发过程中减少很多工作量！

今天小师妹就给大家介绍几款前端开发中非常实用的chrome插件！

1.Octotree - GitHub code tree

Octotree 用于将 Github 项目代码以树形格式展示，而且在展示的列表中，我们可以下载指定的文件，而不需要下载整个项目。

2.Sourcegraph

Sourcegraph 是一款能够根据语义来把 Web 上的开源代码编入索引的代码搜索浏览工具，提供代码搜索和代码语义智能感知功能。和Octotree的功能类似，但是比Octotree更强大更智能！

3.Tampermonkey 油猴脚本

Tampermonkey 是最受欢迎的浏览器扩展之一，其强大之处在于提供了脚本安装、自动更新检查、编辑脚本等插件管理功能。

4.Github 增强 - 高速下载(油猴脚本)

安装后为 Github 的 Git Clone/SSH、Release、Raw、Code(ZIP) 等任何需要下载的文件添加高速下载（加速下载）！以及在项目列表页，添加单文件快捷下载链接！

5.FeHelper(前端助手)

FeHelper 内置了json美化、json比对、图片转base、二维码/解码、 markdown工具、简易postMan、 JS正则、页面取色、编码转换、网页性能、游猴脚本、 excel转json等等，更多功能可在配置页按需安装！

6.Lighthouse

性能的好坏，常常是肉眼难辨。专业的网站测试工具，通过这些具象化的分析报告，才能更直观地知道产品还有哪些需要优化的地方。

Lighthouse 是一个开源的自动化工具，用于提高 web 应用程序的性能、质量和正确性，由谷歌官方团队提供。

7.Talend API Tester - Free Edition

Talend API Tester是一款能够帮助编程人员进行网页调试的工具,使调用、发现和测试HTTP和restapi变得容易。

8.ColorZilla

ColorZilla功能很简单，它能提取网页色彩，快速调节颜色，可协助网站开发人员和平面设计师处理基本和高级颜色相关的任务，可以称之为 chrome 颜色吸取插件。

9.Vue.js devtools

Vue.js devtools是一款在Chrome商店和火狐商店里拥有上百万用户的人气插件，有“Vue调试神器”的称号。

由于Vue是数据驱动的，所以开发者在开发调试中查看DOM结构不能够解析出什么。

但是借助Vue.js devtools这款插件，大家就可以很方便地对数据结构进行解析和调试了。

10.Wappalyzer

Wappalyzer 是一款强大的网站技术栈嗅探工具。可以快速识别一个网站用到的前后端技术框架、运行容器、脚本库等。是开发者用于学习先进的网站架构的不二之选。

11.EditThisCookie

EditThisCookie 是一个 cookie 管理器。您可以添加，删除，编辑，搜索，锁定和屏蔽 cookies！

12.Web Maker网页代码编辑器

作为一名开发人员，大家可能已经用过了许多代码编辑器。

的确是有很多编辑器的功能十分强大，但是在一些需要快速记录代码的紧急场合中，打开这些编辑器就显得比较麻烦了。

Web Maker就是一款能快速在浏览器上编写网页代码的Chrome插件!

13.User-Agent Switcher for Chrome

User-Agent Switcher for Chrome 是一款浏览器 User-Agent 修改插件，可以在访问网站时模拟成其他浏览器或其他操作系统的 User-Agent ，更可以自己写一个独一无二的 UA 。

同时也减少了网站获取本机隐私信息的可能性。

14.Window Resizer

Window Resizer 是一款可以设置浏览器窗口大小的 Chrome 扩展，用户安装了 window resizer 插件后可以快速调节 Chrome 的窗口大小，浏览器窗口的尺寸。

15.Page Ruler Redux

Page Ruler Redux 是一个可以测量任意网页元素并获得尺寸等信息的浏览器插件。

当你想要复用网页上的某个模块时，除了通过右键审查元素来获取模块信息外，也可以通过网页测量工具来更加灵活地获取元素信息。

以上就是小师妹安利的前端开发中的一些Chrome插件，每个开发者必备！

小伙伴们还知道其他的吗？欢迎评论区讨论~

上述的所有插件已经打包好啦！

点击下方卡片回复 20220317 获取项目地址。

写在最后

欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。

如果该文章对你有帮助，那么就点击右下角的 [点赞]「在看」，给一个小小的鼓励吧~