网站首页 > 开源技术 正文
如何在前端开发中增加编码效率,这里有十款 Chrome 扩展可以帮你
对于前端开发者来说,Chrome 浏览器绝对是开发过程中不可缺少的利器:不仅仅是因为 Chrome 自带的功能强大的 devtool,更是因为 Chrome 有着各种好用的前端语言调试工具以及诸如 EnjoyCSS、LiveReload 等这类能够提高你编码效率的强大扩展。我们就整理了十款前端开发相关的 Chrome 插件,在这里推荐给你。
1.掘金 Chrome 插件:http://gold.xitu.io/extesion/
对于开发者来说,比开发过程更重要的,应该要算平时对于开发资源以及技术文章一点一滴的积累了吧。那么,开发者能够在哪里获取需要的技术内容呢?
过去,你可能需要在 GitHub、Dribbble 等许多网站之间不停地跳转来寻找自己需要的内容,现在,有了掘金 Chrome 插件,只需要一个新标签页面,你所需要的内容,它都能够为你聚合呈现出来,绝对算得上是发现干货的利器。
2.Vue.js devtools:http://bit.ly/29gvUSf
Chrome 开发者工具扩展,用于调试 Vue.js 应用。
3.React Developer Tools:http://bit.ly/29pNK5x
React Developer Tools,可以在 Chrome 和 Firefox 开发者工具审查 React 组件的浏览器扩展。
4.AngularJS Batarang:http://bit.ly/29gvTxN
AngularJS Batarang 是适用于 Chrome 的 AngularJS WebInspector 扩展。AngularJS Batarang 是开发者工具扩展,用来调试和分析 AngularJS 应用。
5.ng-inspector for AngularJS:http://bit.ly/29pNXFP
ng-inspector for AngularJS 是一个在「检查元素」面板中显示当前页面实时 AngularJS 范围层次结构、以及它的控制器或指令与范围相关的浏览器扩展。
6.EnjoyCSS:http://bit.ly/29gvZFG
EnjoyCSS 能够通过图形化的界面帮助你在线生成 CSS3 代码,可谓前端开发者的一大利器。
7.LiveReload:http://bit.ly/29gw7VA
LiveReload 会监控你指定的目录中文件,如果有文件被更改,它就自动触发浏览器刷新页面,这样我们不用每次修改文件后,都要去按下 F5 刷新页面。
8.jSonView:http://bit.ly/29gwaka
很方便地帮助你验证和查看 jSON 文档。
9.User-Agent Switcher for Chrome:http://bit.ly/28XktRN
有了 User-Agent Switcher for Chrome,只需要一个浏览器插件,你可以随时更换 UA,测试网页的自适应情况,能够帮你很好地提高开发效率。
10.Page Ruler:http://bit.ly/29eb7j8
Page Ruler 能够帮你快速查看网页中某个具体控件或者整个网页具体尺寸的情况,,测量网页元素,再也不用打开占据大片空间的「检查元素」窗口了。
不管怎么说,工具只是我们在开发过程中的辅助工具,探索好用的工具的同时,提升我们自己的开发实力才是最主要的。最后,也祝各位开发者们开发愉快!
猜你喜欢
- 2024-10-05 25个经典的Spring面试问答,什么是Spring框架?
- 2024-10-05 APP和WEB开发中常用的工具TOP7,你都在用吗?
- 2024-10-05 那些面试官必问Spring底层原理的问题,你弄懂了没?
- 2024-10-05 开挂!程序员不得不知道的9款chrome插件!
- 2024-10-05 实用chrome浏览器插件推荐第七弹(开发辅助类插件)
- 2024-10-05 Java互联网架构-跟技术大咖学SpringMVC框架
- 2024-10-05 推荐一些好用的Google浏览器插件(好用的谷歌插件知乎)
- 2024-10-05 Chrome浏览器必备的几款神器插件(chrome浏览器好用的插件)
- 2024-10-05 开始学习React - 概览和演示教程(react最新教程)
- 2024-10-05 全网最全Spring面试题之高级篇整理总结(共25题,附超详细解答)
你 发表评论:
欢迎- 最近发表
-
- 后端服务太慢?试试这 7 招(后端 服务端 区别)
- 做一个适合二次开发的低代码平台,把程序员从curd中解脱出来-1
- Caffeine缓存 最快缓存 内存缓存(caffeine缓存使用)
- Java性能优化的10大策略(java性能调优从哪几个方面入手)
- New Balance M576PGT 全新配色设计
- x-cmd pkg | qrencode - 二维码生成工具
- 平和精英抽奖概率是多少 平和精英抽奖物品一览
- x-cmd pkg | tmux - 开源终端多路复用器(terminal multiplexer)
- 漫威官方App中文版上线:全站漫画限时免费
- macOS Monterey 12.7.4 (21H1123) 正式版发布,ISO、IPSW、PKG 下载
- 标签列表
-
- jdk (81)
- putty (66)
- rufus (78)
- 内网穿透 (89)
- okhttp (70)
- powertoys (74)
- windowsterminal (81)
- netcat (65)
- ghostscript (65)
- veracrypt (65)
- asp.netcore (70)
- wrk (67)
- aspose.words (80)
- itk (80)
- ajaxfileupload.js (66)
- sqlhelper (67)
- express.js (67)
- phpmailer (67)
- xjar (70)
- redisclient (78)
- wakeonlan (66)
- tinygo (85)
- startbbs (72)
- webftp (82)
- vsvim (79)
本文暂时没有评论,来添加一个吧(●'◡'●)