作为一个前端开发者,日常使用最多的就是浏览器,而浏览器中使用最多的在当下应该是Chrome,作为一个重度依赖Chrome的我来说,在平时的开发过程中为了提升工作体验,特别是前端开发过程中,因此我就把我所用到的扩展推荐给大家。
Chrome
以下就是我浏览器中所有的扩展,有些我可能会在下面着重的说明一下,部分扩展就不过多介绍了
扩展预览
这是我重度使用的一款插件,它对我的开发提供了非常便利的功能,看名字就知道,Clear Cache,缓存清理,我为什么说它好用,请看下面截图
缓存清理
我们都知道前端开发的时候经常接触浏览器缓存,我们为了避免缓存对我们开发调试的影响,通常会选择清理,浏览器自带的快捷清理虽然也可以用,但是还不够方便,用这个插件可以一键处理,而且也还提供了清理时间段内的缓存以及配置是否自动刷新的设置,截图中也提供了它可选清理的浏览器数据。
选择清理
这是一个localStorage的插件,看一下截图就知道了,就是将localStorage自动展开了,其实我觉得比较鸡肋,自带的已经很好用了。
缓存浏览
这是是我在浏览Github的时候用到的插件,应该很多人都知道了,就是为了方便浏览代码的
Github浏览
在左边会生成一个项目代码树,能够很快找到自己想要的代码文件,比较的实用
这是前端开发react项目中所用到的调试插件,相信React开发者应该都知道这个插件,它可以很直观的看到页面的组件组成以及生成的代码,同时你可以在搜索栏过滤你想要看到的组件。
React扩展
这个是Vue开发者的插件,功能要比React的多不少,由于本人没什么Vue的开发经验,而且相信Vue的大多数开发者也知道这个插件,就不过多的介绍了。
Vue扩展
这个插件也是我常用的,它是一个可以测试api接口的插件,我们一起来感受下
api测试
这个界面也比较现代化,功能也非常强大,基本上你需要用到的它都有,而且可以登录账号同步,比postman好的地方就是,直接作为浏览器扩展,不需要额外安装应用,而且我觉得要好看点,因为长时间没用到Postman了。
api测试
这个可能大多数开发者都知道这个插件,它是一个比较全面的开发助手,功能非常多,这是一款开源在Github上的插件,由国人开发
前端助手
Github地址是:https://github.com/zxlie/FeHelper
这是一个翻译扩展,主要是浏览器自带的浏览器翻译就直接所有的都翻译了,不是很方便,因此就有了这个插件,我一般在浏览外文博客的时候常用,可以直接对你选择的部分进行翻译,同时我觉得真要看外文博客,QQ浏览器自带的中英文对比翻译也挺好的。
划词翻译
这个插件到哪都会有人推荐,我着重推荐的不是插件本身,而是它提高我们搜索效率的脚本,看下面截图就知道了,整个搜索变得非常的纯粹,不会有那么多广告,而且可以自定义样式,很实用的功能,脚本也在Github上了,你也可以直接到插件提供的脚本地址搜索。
效果预览
效果预览
搜索优化插件
以上是我所常用的扩展,在这里推荐给大家,如果你有什么好用的的插件扩展,欢迎到评论区分享,今天介绍的扩展已经打包好,如果你需要的话,可以下载使用,关于如何安装请到自行搜索,感谢大家的支持,
领取专属 10元无门槛券
私享最新 技术干货