那些被开发者所青睐的浏览器扩展插件

 引言

作为一个前端开发者,日常使用最多的就是浏览器,而浏览器中使用最多的在当下应该是Chrome,作为一个重度依赖Chrome的我来说,在平时的开发过程中为了提升工作体验,特别是前端开发过程中,因此我就把我所用到的扩展推荐给大家。

创新互联自2013年起,先为天津等服务建站,天津等地企业,进行企业商务咨询服务。为天津企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

Chrome

扩展列表

以下就是我浏览器中所有的扩展,有些我可能会在下面着重的说明一下,部分扩展就不过多介绍了

扩展预览

Clear Cache

这是我重度使用的一款插件,它对我的开发提供了非常便利的功能,看名字就知道,Clear Cache,缓存清理,我为什么说它好用,请看下面截图

缓存清理

我们都知道前端开发的时候经常接触浏览器缓存,我们为了避免缓存对我们开发调试的影响,通常会选择清理,浏览器自带的快捷清理虽然也可以用,但是还不够方便,用这个插件可以一键处理,而且也还提供了清理时间段内的缓存以及配置是否自动刷新的设置,截图中也提供了它可选清理的浏览器数据。

选择清理

Local Storage Explorer

这是一个localStorage的插件,看一下截图就知道了,就是将localStorage自动展开了,其实我觉得比较鸡肋,自带的已经很好用了。

缓存浏览

Octotree

这是是我在浏览Github的时候用到的插件,应该很多人都知道了,就是为了方便浏览代码的

Github浏览

在左边会生成一个项目代码树,能够很快找到自己想要的代码文件,比较的实用

React Developer Tools

这是前端开发react项目中所用到的调试插件,相信React开发者应该都知道这个插件,它可以很直观的看到页面的组件组成以及生成的代码,同时你可以在搜索栏过滤你想要看到的组件。

React扩展

Vue.js devtools

这个是Vue开发者的插件,功能要比React的多不少,由于本人没什么Vue的开发经验,而且相信Vue的大多数开发者也知道这个插件,就不过多的介绍了。

Vue扩展

Restlet Client - REST API Testing

这个插件也是我常用的,它是一个可以测试api接口的插件,我们一起来感受下

api测试

这个界面也比较现代化,功能也非常强大,基本上你需要用到的它都有,而且可以登录账号同步,比postman好的地方就是,直接作为浏览器扩展,不需要额外安装应用,而且我觉得要好看点,因为长时间没用到Postman了。

api测试

WEB前端助手(FeHelper)

这个可能大多数开发者都知道这个插件,它是一个比较全面的开发助手,功能非常多,这是一款开源在Github上的插件,由国人开发

前端助手

Github地址是:https://github.com/zxlie/FeHelper

划词翻译

这是一个翻译扩展,主要是浏览器自带的浏览器翻译就直接所有的都翻译了,不是很方便,因此就有了这个插件,我一般在浏览外文博客的时候常用,可以直接对你选择的部分进行翻译,同时我觉得真要看外文博客,QQ浏览器自带的中英文对比翻译也挺好的。

划词翻译

Tampermonkey

这个插件到哪都会有人推荐,我着重推荐的不是插件本身,而是它提高我们搜索效率的脚本,看下面截图就知道了,整个搜索变得非常的纯粹,不会有那么多广告,而且可以自定义样式,很实用的功能,脚本也在Github上了,你也可以直接到插件提供的脚本地址搜索。

效果预览

效果预览

搜索优化插件

总结

以上是我所常用的扩展,在这里推荐给大家,如果你有什么好用的的插件扩展,欢迎到评论区分享,今天介绍的扩展已经打包好,如果你需要的话,可以下载使用,关于如何安装请到自行搜索,感谢大家的支持,

网站栏目:那些被开发者所青睐的浏览器扩展插件
标题URL:http://www.shufengxianlan.com/qtweb/news33/205883.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联