十款Chrome扩展帮助前端设计师提升编码效率

稀土圈 · 发布于 2016-08-05 · 字数4522 · 浏览 1609 · 评论 0

对于前端设计师来说,Chrome 浏览器绝对是开发过程中不可缺少的利器:不仅仅是因为 Chrome 自带的功能强大的 devtool,更是因为 Chrome 有着各种好用的前端调试工具以及诸如 EnjoyCSS、LiveReload 等这类能够提高你网页设计效率的强大扩展。我们就整理了十款前端设计者相关的 Chrome 插件,在这里推荐给你。

1. 掘金 Chrome 插件

对于开发者来说,比开发过程更重要的,应该要算平时对于开发资源以及技术文章一点一滴的积累了吧。那么,开发者能够在哪里获取需要的技术内容呢?

过去你可能需要在 Behance、Dribbble 等许多网站之间不停地跳转来寻找自己需要的内容,现在有了掘金 Chrome 插件,只需要一个新标签页面,你所需要的内容,它都能够为你聚合呈现出来,绝对算得上是发现干货的利器。

掘金 Chrome 插件汇集了国内外顶尖的设计资源站点内容,除了 Dribbble、Behance、Unsplash 以及 500PX 等国外网站之外,还有国内的优设、站酷、UI 中国等国内站点,绝对是你找图找资源的不二选择。

十款Chrome扩展帮助前端设计师提升编码效率

2. Vue.js devtools

Chrome 开发者工具扩展,用于调试 Vue.js 应用。

十款Chrome扩展帮助前端设计师提升编码效率

3. React Developer Tools

React Developer Tools,可以在 Chrome 和 Firefox 开发者工具审查 React 组件的浏览器扩展。

十款Chrome扩展帮助前端设计师提升编码效率

4. AngularJS Batarang

AngularJS Batarang 是适用于 Chrome 的 AngularJS WebInspector 扩展。AngularJS Batarang 是开发者工具扩展,用来调试和分析 AngularJS 应用。

十款Chrome扩展帮助前端设计师提升编码效率

5. ng-inspector for AngularJS

ng-inspector for AngularJS 是一个在「检查元素」面板中显示当前页面实时 AngularJS 范围层次结构、以及它的控制器或指令与范围相关的浏览器扩展。

十款Chrome扩展帮助前端设计师提升编码效率

6. EnjoyCSS

EnjoyCSS 能够通过图形化的界面帮助你在线生成 CSS3 代码,可谓前端开发者的一大利器。

十款Chrome扩展帮助前端设计师提升编码效率

7. LiveReload

LiveReload 会监控你指定的目录中文件,如果有文件被更改,它就自动触发浏览器刷新页面,这样我们不用每次修改文件后,都要去按下 F5 刷新页面。

十款Chrome扩展帮助前端设计师提升编码效率

8. jSonView

很方便地帮助你验证和查看 jSON 文档。

十款Chrome扩展帮助前端设计师提升编码效率

9. User-Agent Switcher for Chrome

有了 User-Agent Switcher for Chrome,只需要一个浏览器插件,你可以随时更换 UA,测试网页的自适应情况,能够帮你很好地提高开发效率。

十款Chrome扩展帮助前端设计师提升编码效率

10. Page Ruler

Page Ruler 能够帮你快速查看网页中某个具体控件或者整个网页具体尺寸的情况,,测量网页元素,再也不用打开占据大片空间的「检查元素」窗口了。

十款Chrome扩展帮助前端设计师提升编码效率

不管怎么说,工具只是我们在开发过程中的辅助工具,探索好用的工具的同时,提升我们自己的开发实力才是最主要的。最后,也祝各位开发者们开发愉快!

本文系作者 稀土圈 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2015-12-14MochaJS简单灵活有趣的JavaScript自动化测试框架
  • 2015-12-31Strapdown.js简单优雅的Markdown语法解释器
  • 2016-03-18如何在Rails中基于Zepto使用Ajax异步加载
  • 2016-05-16好文必须推荐!如何搞定界面设计之构图篇
  • 2016-05-16口拙的设计师如何让你的演讲引人入胜?
  • 2016-07-06Java初识
  • 2016-07-06SVN
  • 2016-07-07Fool.js恶搞整人网页特效jQuery插件
  • 发布评论

    为您推荐

    问说网 · 发布于 2016-05-13

    UX与UI两者有什么区别?

    这是一个很多人都讨论过的话题,UX和UI两者有什么区别?我们关于这个话题讨论了太多太多,就像一个陷阱。

    Adobe Illustrator中自定义圆角小技巧

    我们绘画的时候,一般都是直角的,在PS里面可以使用扩展或者是圆角矩形框,但是在Adobe Illustrator中似乎没那么方便,主要是两个软件的处理方式大不相…

    • Adobe Illustrator中自定义圆角小技巧
    • Adobe Illustrator中自定义圆角小技巧
    • Adobe Illustrator中自定义圆角小技巧
    • Adobe Illustrator中自定义圆角小技巧
    问说网 · 发布于 2016-05-13 · 浏览 1465 · 评论 0

    色彩潮流抢先看!2015年网页设计配色新趋势

    色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能渲染出截然不同的情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的网页设计更特别。

    • 色彩潮流抢先看!2015年网页设计配色新趋势
    • 色彩潮流抢先看!2015年网页设计配色新趋势
    • 色彩潮流抢先看!2015年网页设计配色新趋势
    • 色彩潮流抢先看!2015年网页设计配色新趋势
    MacAdamWoodrow · 发布于 2016-05-16 · 浏览 1170 · 评论 0

    设计师的配色理论:你理解这些色彩术语吗?

    如何在设计中正确的,随心所欲的搭配出自己满意的颜色,我们首先需要了解颜色的理论术语。透彻的了解像色度、明度和饱和度这样的概念是搭配出满意的配色方案的关键。

    • 设计师的配色理论:你理解这些色彩术语吗?
    • 设计师的配色理论:你理解这些色彩术语吗?
    • 设计师的配色理论:你理解这些色彩术语吗?
    • 设计师的配色理论:你理解这些色彩术语吗?
    CarlElaine · 发布于 2016-05-17 · 浏览 1331 · 评论 0

    Java初识

    版本体系 JavaSE Java 2 Platform, J2SE, Standard Edition,标准版, 主要用于桌面应用软件的编程, 包含那些构成Ja…

    • Java初识
    • Java初识
    • Java初识
    • Java初识
    Vincent · 发布于 2016-07-06 · 浏览 1306 · 评论 0
    Vincent · 发布于 2016-07-06

    Java中面向对象的封装和继承以及多态

    封装 封装是指,一种将抽象性函式接口的实作细节部份包装、隐藏起来的方法,封装可以被认为是一个保护屏障,防止该类的代码和数据被外部类定义的代码随机访问 java的…

    POI
    Vincent · 发布于 2016-07-06

    POI

    官方网站 http://poi.apache.org/   术语 OOXML Office Open XML standards,基于XML格式的新标…

    Mac的VIM中delete键失效的原因和解决方案
    问说网 · 发布于 2016-08-16

    Mac的VIM中delete键失效的原因和解决方案

    在Mac的键盘上实际是没有backspace这个键的。其实Mac的delete就是Windows的backspace,实现的都是向左删除的功能。Mac上如果要实…

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    稀土圈

    挖掘最优质的互联网技术 http://gold.xitu.io,经常搞抽奖,快关注快关注快关注我!

    1 文章
    0 评论
    人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 3658

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 3415

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 3687

    图片素材

    关注 图片素材

    文章 29463 · 浏览 2922

    高清图片

    关注 高清图片

    文章 26530 · 浏览 3159

    更多 推荐作者

    关注 秋末残雪

    文章 106 · 评论 0

    关注 惢碎葬爱

    文章 96 · 评论 0

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 溫柔的溫柔

    文章 91 · 评论 0

    关注 莪很迷茫

    文章 97 · 评论 0

    关注 流浪的脚步

    文章 86 · 评论 0

    
    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!