如何将 Chrome 变成开发利器,开发者们在用这些插件

Chrome 浏览器具备强大的跨平台能力以及丰富的扩展插件,一直是许多开发者的首要选择。而利用许多 Chrome 插件,开发者们在开发流程中可以极大地提升开发效率。咱们就整理了十款开发者经常使用的 Chrome 插件推荐给你们,相信可以在你的开发中助你一臂之力。前端

1. 掘金 Chrome 插件:帮你发现干货

无论你是开发者、设计师仍是产品经理,想必天天都须要阅读大量的行业相关文章,这就须要咱们浏览大量的互联网站点去寻找咱们须要的内容。抛开繁复的筛选成本不说,「比特级」的内容都会压得你喘不过气来git

掘金为了解决这个问题,开发了掘金 Chrome 插件,掘金 Chrome 插件聚合了国内外优质的互联网站点内容,在节省你的筛选成本的同时,帮你发现好内容。github

Screen Shot 2016-06-28 at 6.24.35 PM.png

2. Postman:强大的 API & HTTP 请求调试工具

相信 Postman 对于掘金上的各位开发者来讲,必定不会陌生,这是一款强大的 API & HTTP 请求调试工具,Postman 不只能够调试简单的 HTML、CSS 以及脚本等简单的网页基本信息,这款 Chrome 插件甚至还能发送几乎全部的 HTTP 请求,可谓是 Web 开发者的一大利器。web

Screen Shot 2016-06-29 at 10.32.31 AM.png

3. BuiltWith Technology Profiler:你的网站,用了什么技术栈?

做为开发者,对于友商网站所使用的技术栈想必也充满了许多好奇心,有没有工具可以帮你完成这项工做呢?答案就是 Chrome 插件 BuiltWith Technology Profiler,它可以帮你分类呈现当前访问网站的技术栈组成,实乃探索友商之利器。chrome

Screen Shot 2016-06-29 at 10.50.59 AM.png

固然,同类产品中,你也可使用 Wappalyzer 这一款 Chrome 插件。segmentfault

4. Octotree:你的 GitHub 文档库

GitHub 现有的目录层级形式,在查看来自不一样层级文件夹的文件的时候,显得彷佛不是很方便,Octotree 这款 Chrome 插件可以让你经过文档库的方式管理、查看你的 GitHub 仓库,简单直观的同时,也方便你进行文件之间的跳转操做。浏览器

Screen Shot 2016-06-29 at 10.47.55 AM.png

5. GitHub Awesome Complete:属于 GitHub 的 「Alfred」

在 GitHub 搜索仓库或者项目的时候,你会怎么作?相信大部分人的步骤都是同样的:app

  • 在搜索框输入关键字后按回车键dom

  • 在搜索结果中找到相应结果,点击进入相应页面工具

有没有更简单快捷的操做方法?答案是 GitHub Awesome Complete 这款 Chrome 插件。这款插件可以让你在 GitHub 中输入关键字以后经过弹窗动态显示相应的搜索结果,你所须要作的,只是点击便可。

11:12:49.jpg

6. Octo Mate:加强你的 GitHub 体验

除了以上两款 GitHub 相关的插件,这里我还要介绍一下 Octo Mate 这款可以提高你的 GitHub 体验的小工具。对于这款插件,主要功能有如下四点:

  • 一键下载文件:GitHub 可让你很方便的以 .zip 格式下载全部文件,但若是只须要下载一个文件,很是麻烦。使用 Octo Mate 后只须要点击文件图标便可下载。

  • 一键打开项目的 Github Pages

  • 显示仓库大小

  • 显示未读消息数

相信这样一款插件必定能让你在使用 GitHub 的时候更加高效。

06.png

7. Page Ruler:你的网页标尺

前端开发者在调试网页的时候,必定会遇到须要查看网页中某个具体控件或者整个网页具体尺寸的状况,这时候,Page Ruler 可以帮你完成这一项工做,测量网页元素,不再用打开占据大片空间的「检查元素」窗口了。

0000.png

8. User-Agent Switcher for Chrome:网页自适应测试工具

你的网页对于各种设备的自适应状况怎么样?正常状况下,咱们须要同时在不一样的设备上测试网页的自适应状况,有了 User-Agent Switcher for Chrome,只须要一个浏览器插件,你能够随时更换 UA,测试网页的自适应状况,帮你很好地提升了开发效率。

1111.jpg

9. Vysor:解放双手的 Android 测试工具

实机调试 Android 应用,你是否是还在一边测试着 Android 设备一边在电脑上修改代码?有了 Vysor 这款 Chrome 插件,只须要经过 USB 链接,你就能够直接在 Chrome 中经过鼠标操做 Android 设备,设备间切换形成的时间成本下降了,开发效率天然就提升了。

unnamed.jpg

10. SimilarWeb:查看网站各类流量数据

对于网站开发者来讲,除了网站自己的代码设计与开发,网站的各类用户访问数据与流量分析也是很重要的一块工做。SimilarWeb 这款 Chrome 插件可以帮你统计网站的流量来源与排名,查询网站参与等各类网站信息。

Screen Shot 2016-06-29 at 10.55.05 AM.png

除了本篇文章介绍的 Chrome 插件之外,Chrome 浏览器还有许多好用实用的扩展工具,也许你尚未找到你须要的那款浏览器插件,你也能够来掘金上看看,说不定就能找到你须要的那款插件。

相关文章
相关标签/搜索