哈喽,大家好!我是前端实验室的小师妹!
有句话,事半功倍,其必然是借助了某些思想和工具。
在前端开发的过程中会用到很多的浏览器插件,好用的插件,能帮助开发者在开发过程中减少很多工作量!
今天小师妹就给大家介绍几款前端开发中非常实用的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 ,按提示操作即可进群。
如果该文章对你有帮助,那么就点击右下角的 [点赞]「在看」,给一个小小的鼓励吧~