![3dbdc434073b192acd484542e9947657.png](https://img-blog.csdnimg.cn/img_convert/3dbdc434073b192acd484542e9947657.png)
「观感度:五颗星」
「口味:铁板鱿鱼」
「烹饪时间:5min」
本文已收录在前端食堂同名仓库
Github
github.com/Geekhyt,欢迎光临食堂,如果觉得酒菜还算可口,赏个 Star 对食堂老板来说是莫大的鼓励。
最近看到的一段话很有感触,日复一日的低效率工作只会消磨你的热情,而巨大的时间成本会让你错失很多机会。
那么作为叶子结点的我们要学会主动提高生产效率。提升效率可以深入的方面有很多,计划出个系列专栏,第一篇先来分享一些自己常用的浏览器插件。
0.FeHelper
Web前端助手:整合优秀的前端实用工具,功能丰富,具体如图。
![acb3722b878546f89e9276b0083a8024.png](https://img-blog.csdnimg.cn/img_convert/acb3722b878546f89e9276b0083a8024.png)
1.Clear Cache
清空浏览器缓存这一项操作在调试的时候使用频率很高,一般需要经过几个步骤才能清空,使用Clear Cache
只需单击一下按钮即可清除缓存,还支持配置其他想要清除的数据,大大提高调试效率。
![dfead8abf7c9f88f4cdfc5e251543e97.png](https://img-blog.csdnimg.cn/img_convert/dfead8abf7c9f88f4cdfc5e251543e97.png)
2.GITHUBER
GITHUBER
是一个每日发现优质内容的 Chrome 主页拓展,将热门 Repo 送到你嘴边。
![fc2b01d4d1f8b1eecc5d0938dc2c74d3.png](https://img-blog.csdnimg.cn/img_convert/fc2b01d4d1f8b1eecc5d0938dc2c74d3.png)
3.GitZip for github
当你只想要某个文件或是文件夹时,可以快速下载该文件,只需双击你想要下载的文件或文件夹,可以看到该行列表被选中,然后点击右下角出现的箭头即可。
![14ffb716fa14ae2e684d261f57191fe4.png](https://img-blog.csdnimg.cn/img_convert/14ffb716fa14ae2e684d261f57191fe4.png)
4.Octotree
可以在 GitHub 左侧显示当前项目的目录结构,便于我们定位和查看,如图。
![0fa0f125cfddf9224617af17bad6c080.png](https://img-blog.csdnimg.cn/img_convert/0fa0f125cfddf9224617af17bad6c080.png)
5.isometric-contributions
将你的 GitHub Commit
转换为 3D 模式进行显示,让提交记录看起来更酷。
![045641139ee15dae6630309a7bff7507.png](https://img-blog.csdnimg.cn/img_convert/045641139ee15dae6630309a7bff7507.png)
6.OneTab
将无数个 Tab 合并在一个页面,节省高达95%的内存,并减轻标签页的混乱现象,只需单击 OneTab 图标即可,当您需要再次访问这些标签页时,可以单独或全部恢复它们。
![1d8a1e8cd02da716162381dd60a8b818.png](https://img-blog.csdnimg.cn/img_convert/1d8a1e8cd02da716162381dd60a8b818.png)
7.Recent History
可以在一个弹窗中显示你的最近访问历史、最近关闭的标签页、最常访问的页面和最近添加的书签。
![2af44b91c28c84405ed3538c7af5d65a.png](https://img-blog.csdnimg.cn/img_convert/2af44b91c28c84405ed3538c7af5d65a.png)
8.Wappalyzer
网站技术分析插件,通过该插件能够分析目标网站所采用的平台架构、网站环境、服务器配置环境、JavaScript 框架、编程语言等参数。
![1106824bd78bab3e80614379cb03592a.png](https://img-blog.csdnimg.cn/img_convert/1106824bd78bab3e80614379cb03592a.png)
9.Extension Manager
扩展管理器,需要的只需单击移上去,暂不需要的可以单击移动下来。
![2148d347e9bd18f12eac2075ec1b4d65.png](https://img-blog.csdnimg.cn/img_convert/2148d347e9bd18f12eac2075ec1b4d65.png)
10.二维码(QR码)生成器(QR Code Generator)
可以生成当前页面二维码,手机直接扫二维码就可以访问当前页面。
![38eb5db4d0a14f08563adea94230eab8.png](https://img-blog.csdnimg.cn/img_convert/38eb5db4d0a14f08563adea94230eab8.png)
其他
React 栈和 Vue 栈的同学推荐使用:
- React Developer Tools
- Redux DevTools
- Vue.js devtools