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

2022-12-02 10:14:15 浏览数 (1)

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

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

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

今天小师妹就给大家介绍几款前端开发中非常实用的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 ,按提示操作即可进群。

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

0 人点赞