前端开发中好用的 chrome 插件
作为一个前端开发,在开发过程中会用到很多工具,今天会在这里介绍几个本人开发过程中常用的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
(这个插件应该会有其他的用法,但是我本人还没有探索到)
如果您有更好的插件,可以进行留言,分享给大家~~
前端开发中好用的 chrome 插件相关推荐
- 前端开发和设计必备的Chrome插件
Web设计.开发.调试工具集 Google Chrome是最好用的几个浏览器之一,自从2011年11月份赶超Firefox之后,已成为当今互联网的主流浏览器.今天,我来分享下自己收集的一系列Chrom ...
- 前端开发中的地理定位问题小总结
项目中遇到地理定位的问题,没遇过不知道,遇过就发现这是个比较坑的问题.这个问题其实困扰了我挺久的,还不如一次性了解清楚.所以本文进行了一些小总结,先简单总结我看过的关于定位技术的资料,然后介绍前端开发 ...
- 前端开发中的Error以及异常捕获
本文首发于公众号:符合预期的CoyPan 写在前面 在前端项目中,由于JavaScript本身是一个弱类型语言,加上浏览器环境的复杂性,网络问题等等,很容易发生错误.做好网页错误监控,不断优化代码,提 ...
- 【repost】一探前端开发中的JS调试技巧
有请提示:文中涉及较多Gif演示动画,移动端请尽量在Wifi环境中阅读 前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问 ...
- 初学者Web介绍一些前端开发中的基本概念用到的技术
Web开发是比较费神的,需要掌握很多很多的东西,特别是从事前端开发的朋友,需要通十行才行.今天,本文向初学者介绍一些Web开发中的基本概念和用到的技术,从A到Z总共26项,每项对应一个概念或者技术. ...
- 前端中什么是中台开发环境_Web前端开发中需要学习什么?会使用到哪些开发工具?...
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水.下面和千锋广州小编一起来看看吧! 前端工程师的主要职责: 前端工程师在不同的公司有不同的 ...
- 前端开发中的调试技巧
前端开发中的调试技巧 骨灰级调试大师Alert 那还是互联网刚刚起步的时代,网页前端还主要以内容展示为主,浏览器脚本还只能为页面提供非常简单的辅助功能的时候.那个时候,网页主要运行在以IE6为主的浏览 ...
- 前端开发中JS调试技巧,你知道几种?用过几种?
调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问题.降低故障概率.帮助分析逻辑错误等等.而在互联网前端开发越来越重要的今天,如 ...
- web前端开发中需要掌握的技术:
web前端开发中需要掌握的技术: 1.学习HTML,这是最简单,最基本的是要掌握div,formtable.Ulli.P.跨度.字体这些标签,这些都是最常用的,尤其是DIV和表格,DIV,表也可以用于 ...
最新文章
- Cordova:安卓白屏
- pythontdd测试命名_荐Pytest之测试命名规则
- linux之fdisk查看分区和mkfs.ext3删除分区和mount挂载和e2label添加卷标使用总结
- snippet,让你编码效率翻倍
- Java学习二:Javac Java的学习(原创)
- Linux监控命令之==sar
- 让你的CSS更尽完美的技巧
- 解决 jsp:include 引用文件时出现乱码的问题
- select函数使用浅析
- vscode win10笔记本 蓝屏_教你win10电脑蓝屏原因排查及解决方法大全
- win7系统打开截图工具显示“截图工具当前未在计算机上运行” 如何解决
- P3387 【模板】缩点 洛谷 java题解 连通图+拓扑排序
- 网络切片使能千行百业,助5G无所不能,5G网络切片“切”的是什么?
- free software
- matlab学习笔记9 高级绘图命令_2 图形的高级控制_视点控制和图形旋转_色图和颜色映像_光照和着色
- 利用python进行AdaBoost模型预测
- BZOJ2407:探险/BZOJ4398:福慧双修-最短路+分治
- 搞笑!from 饮水思源
- 计算机行业前景6,目前10大最有发展前景的行业,人工智能第六,有你喜欢的行业吗?...
- 闭关第4天——仰头看美女网络尖兵,震惊思无证程序屌丝