对于前端开发,整理推荐好用的chrome插件或应用

时间: 2018-01-04阅读: 2045标签: 插件

1、Postman

Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。  它不仅可以调试简单的css、html、脚本等简单的网页基本信息,它还可以发送几乎所有类型的HTTP请求!


可以将它发送到桌面为快捷方式,方面快速启动 。Postman使用简单,功能强大,启动之后的界面如下:



JSON Viewer

JSON格式太乱怎么办?这个插件将解放你的双眼。在浏览器上格式json格式的数据的,方便查看请求返回的json数据,它能够快速把Json字符串排列规则的树结构,支持对JSON字符串进行格式化显示,支持粘贴数据并进行可视化展示以及自动格式化数据的功能。



Page Ruler 

 这个工具前端或者设计师必备,page Ruler它可以直接查看网页一些图片的详细像素大小、具体位置等,非常实用。


Octotree  

Code tree for GitHub,方便查看github仓库文件树。当我们在浏览别人的开源代码时,还要clone下来一个文件查看,而有了这个插件,你可以直接在Chrome侧边栏向打开文件夹一样的查看别人的项目,简直了。给大家看下查看我的开源项目的正确方式。  


ChromeADB 

这个可以说是Android开发者才用得上,这个插件的具体作用就是可以控制你的手机,当然前提必须是你的adb已经连接上了,不管是通过USB也好还是通过Wifi也好,然后可以查看你的内存、硬盘使用情况,还自带一个Controller,可以远程控制你的手机:



Axure RP Extension for Chrome

允许在chrome上查看Axure原型的插件,安装完成需要勾选允许访问本地文件



Sourcegraph for GitHub

这个非常强大,可以从github跳转到Sourcegraph在线预览代码,进行其他操作,相当于一个强大在线的IDE



Save to Pocket  

一直学习必备的App,比如你经常看博客,看到好的文章,然后装个这个插件就可以直接保存到Pocket,这个时候你手机上的Pocket客户端同步过来,不管你在做地铁,还是在上厕所都可以利用这些碎片时间消化保存的知识,比利用这些时间刷知乎好多了,强烈推荐大学生或者工作经验没多久迫切需要学习的人。 

 


Momentum  

教你如何优雅的使用Chrome,新打开一个Tab的时候再也不是一片空白,每天一副精美图片。  


OneTab  

我们使用Chrome经常会一次打开好多tab,很多是会用到的,又不舍得关,内存又耗着,这个时候点击下OneTab,直接把所有tab回收,然后每天的历史都给你记录着,接着你可以一键还原某一天的tab,真乃为Chrome而生。 


其它

Vimium:黑客级别的Chrome插件,此文主记载的主角~(The Hacker’s Browser )
ABP: 有她在,WEB的世界就可以清静点了.
infinity:没有最好,只有更好,此款新标签页,如今最爱。
crxMouse: 如果用鼠标操作Chrome,必备=充分发掘鼠标的所有操作。
JASN-handle:Json解析,所用之中综合体验最优者;
OK记: 一键记录你想记载的,体验一流!
Pocket: 轻松保存文章,视频等供以后查看。
Website Ip Option:获取了每个网页Ip显示于屏幕下方。
PerfectPixel+EmmetLiveStyle: 更便捷精准还原设计图于网页设计,利弊兼有,偶尔用。 

 



站长推荐

1.阿里云: 本站目前使用的是阿里云主机,安全/可靠/稳定。点击领取2000元代金券、了解最新阿里云产品的各种优惠活动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各类产品的最新活动,优惠券领取点击进入

3.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/317

分享 10 个超实用的 Chrome 扩展

CSSViewer这个工具在识别和显示元素的CSS属性方面很有用。它包括一个浮动窗口,您可以把鼠标悬停在页面上任一元素上以查看它的所有CSS属性。您可以通过快捷键在CSSViewer的窗体中轻松复制您选定元素的样式。

10个VSCode高效开发插件

本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率。VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具

开发一个Vue插件

Vue 项目开发过程中,经常用到插件,比如原生插件 vue-router、vuex,还有 element-ui 提供的 notify、message 等等。这些插件让我们的开发变得更简单更高效。那么 Vue 插件是怎么开发的呢?如何自己开发一个 Vue 插件然后打包发布到npm?

15款好用的VS Code插件

用好 VS Code 插件,不仅能节省你的时间,还能提高工作效率。VS Code 有个市场,它提供很多插件。开发人员可以把插件安装到文本编辑器,增强编辑器功能。在视图菜单中,选择扩展选项或按下 shift + cmd + X 即可进入市场。

揭秘webpack plugin

Plugin(插件) 是 webpack 生态的的一个关键部分。它为社区提供了一种强大的方法来扩展 webpack 和开发 webpack 的编译过程。这篇文章将尝试探索 webpack plugin

jquery.validate验证

jquery validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求

Vue中的JS与Velocity.js的结合

JS动画效果,注意事件函数中所传递的传递的参数及某些事件函数返回的函数1.进入动画钩子:before-enter,enter,after-enter;2.离开动画钩子:before-leave,leave,after-leave;3.在enter钩子中的函数调用done

jQuery图片剪裁插件Cropper.js的使用

1.引入必要的js和css核心文件;2.构建html,可以将图片或canvas直接包裹到一个块级元素中。small时预览框;3.初始化插件及相关参数

Vue添加引入jquery插件

先安装jquer插件,命令运行: npm i jquery --save-dev ;利用 expose-loader 模块 来引用jquery插件 ,命令运行: npm i expose-loade --save-dev;配置webpack.base.conf

Webpack插件开发简要

如今‘大前端’这个概念在前端界大热,说‘大前端’,我们就要提到‘前后端分离’,‘前后端分离’又离不开‘本地开发构建’,‘本地开发构建’自然离不开webpack,webpack想要工作,那它就需要各种插件的支持,O(∩_∩)O哈哈~,逗了一大圈,终于引出了主题

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全运营推广