前端开发中好用的 chrome 插件

738 阅读3分钟

作为一个前端开发,在开发过程中会用到很多工具,今天会在这里介绍几个本人开发过程中常用的chrome小工具,用来提升开发效率。(由于chrome插件绝大部分需要翻墙进行安装,所以翻墙的工具请自备)

JSONView

如果接口返回的数据是个json,在浏览器中访问接口的时候自动将返回的数据自动整理成常见的格式,用着很舒服(当然前提接口这是个get请求的接口)~~

Allow-Control-Allow-Origin:*

跨域神器!这个东西什么时候最有用呢?就是当开发环境需要进行跨域,同时在测试和生产环境当中不存在跨域的情况。那这种情况下这个东西简直就是神器!

最简单的好处就是不用再去配置一个config.js里面的baseUrl。(当然如果你的测试环境和生产环境的接口路径都不一样,那你还是老老实实的配置这个baseUrl,不过这种情况至少我还没碰到过,只是听朋友吐槽过一次)

草料二维码

如果经常做移动端页面的开发,同时你又有能力构建一个本地服务器的话,这个插件实在是好用。回想一下之前我们要用手机访问一个我们刚刚开发的页面,是不是需要把地址复制出来,然后通过各种工具(微信,钉钉等等)发给自己手中的手机。现在有了这个插件,拿出手机,扫一扫,齐活 ~~

这个真的没有打广告,其实也用过其他类似的插件,最后比较过后使用这个插件的原因是,这个感觉还是挺好看的(毕竟现在都2018年了,颜值重于一切),而且功能还挺多的。

smart Header

对请求头进行一些定制化的设置,曾经在一家还挺大的互联网公司里面工作过,那个时候一些线上静态资源做了防盗链,如果你在开发过程中用到了这些资源要么先把资源下载出来在本地引用,要么进行反防盗链(反正当时碰到这种项目开发时的体验总是心态爆炸)这个插件就是当时的解决方案之一。

HTML5存储管理器多合一

前端开发过程中对cookie,sessionStorage,localStorage的操作必不可少,当你要看看相关情况的时候,回想一下原来做法:

  • 打开共控制台
  • 切换到Application
  • 然后点开折叠选项
  • 点击你的网站名称

然后你就尽情的看吧,注意是 看吧 。如果你想删除一个localStorage,来吧:

  • 切换到Console
  • 输入代码(有可能你还记不住api,需要先百度一哈)

用这个插件,你就体会到这个东西是多么的方便了~

掘金

这个就不多做介绍了,毕竟掘金爸爸


好了,这里是我本人常用的几个不错的开发时用到的插件,当然有可能有的插件可能还会有更多的用法比如smart Header(这个插件应该会有其他的用法,但是我本人还没有探索到)

如果您有更好的插件,可以进行留言,分享给大家~~