谷歌浏览器常用插件

在前端这个行业里面,浏览器担任着及其重要的角色。今天我们可以选择的浏览器有很多,Chrome,Firefox,IE,Safari… 为了能获得更佳的开发体验,大家更多地选择 Chrome。今天介绍下我平时安装的那些 Chrome Extensions。

Chrome Extensions

OneTab

当您发现自己有太多的标签页时,单击OneTab图标,将所有标签页转换成一个列表。当您需要再次访问这些标签页时,可以单独或全部恢复它们。
由 艾尔星系 分享
直达链接

JSONView

JSONView 是一个方便查看 Json 结构的插件,展开,折叠,看接口返回数据就是这么方便。
直达链接

SnappySnippet

有时候想在 Codepen, JS Bin, jsFiddle 等平台演示 bug 或者装个五毛的 B ,但限于样式拆分得太细,难以抽离,SnappySnippet 可以快速帮你完成这项苦差事。
直达链接

EditThisCookie

EditThisCookie 是个修改 Cookie 的快捷工具。
直达链接

Validity

Validity 可以用来快速验证你的 HTMl 文档明显错误,比如少了个结束标签,使用了不规范标签,缺少了某些属性等等。
直达链接

Responsive Web Design Tester

移动端页面适配利器,使用 Responsive Web Design Tester,你可以快速在目标尺寸上打开页面,可以自己配置尺寸,修改 UserAgent, 整体效果比 Chrome 自带模拟器更赞~
直达链接

Allow-Control-Allow-Origin: *

JS 同源策略保障我们的页面安全,但是开发期间我们并不想看到这烦人的家伙,使用Allow-Control-Allow-Origin: *插件轻松解决这个问题 Allow-Control-Allow-Origin: *
直达链接

Chrome Sniffer Plus

有时候打开某家公司的页面,很好奇人家用了哪些技术库、框架,Chrome Sniffer Plus 可以为你服务。
直达链接

Clear Cache

快速清除页面缓存?我用 Clear Cache。
直达链接

Full Page Screen Capture

看到酷炫的页面排版,叹为观止的巧妙设计想保存下来? 使用 Full Page Screen Capture。
直达链接

LastPass

管理页面密码,省去频繁输入测试账号密码的烦恼,为了安全保障,最好还是不要保存购物网站的密码哟~
直达链接

Panda 5 | News & Inspiration Dashboard

Panda 的定位是一个非常优秀的资源阅读器。
直达链接

Octotree

上同性社交网站的时候经常在翻别人源码的时候特别苦恼,特别是你的网络不给力的时候,简直想死,Octotree 帮助你整理出来项目文件列表。
直达链接

PerfectPixel

这是一个像素级对稿的插件,如果你所在的公司也特别有情怀的话,那么这个软件可以省去大把你和设计师对稿的时间。
直达链接

Postman

口碑极好的一个接口调试工具,必备神器,不多说,但是你一定要装。
直达链接

AngularJS Batarang / React Developer Tools / Vue.js devtools

Angular / React / Vue 调试工具。

AngularJS Batarang
React Developer Tools
Vue.js devtools

Stylish

Stylish 是一个自定义页面外观的工具,比如想去掉 *度 无下限的广告,给它加个 display: none
直达链接

User-Agent Switcher for Chrome

切换 User Agent 的插件。
直达链接

Web Server for Chrome

快速启动小项目或Demo的神器。
直达链接

一键管理所有扩展

插件装多了,不好管理? 启动慢? 好好管教管教。
直达链接

广告终结者

跟烦人的广告说再见,还你一个干净有情怀的页面。
直达链接

页面自动刷新

定时刷新页面,我还记得当初用它抢到一个 小米2s。
直达链接

掘金

(不是广告,不是广告,不是广告,至少我没有收钱)
掘金是中国质量最高的技术分享社区,邀请稀土用户作为 Co-Editor 来分享优质的技术干货,从前端到后端开发,从设计到产品,让每一个掘金用户都能挖掘到有价值的干货。
直达链接

上面的插件大部分都没有中文版,而且 Chrome 本来也在墙外,如果你发现自己打不开上面那些链接的话,趁这个机会出个墙吧。

你有什么好插件?

(工具始终都只是辅助,但是装优秀的插件可以提高开发效率。)
给你一个全新的 Chrome 你会优先装什么工具?
我跟你分享我的工具集,你有什么好玩意儿推荐给我吗?

如需转载,请注明出处: http://w3ctrain.com/2016/10/16/my-chrome-extension/ ,欢迎加入前端Q群(467969149)

时间: 2024-08-25 15:40:23

谷歌浏览器常用插件的相关文章

ElasticSearch之常用插件安装命令

#head监控安装,推荐 bin/plugin -install mobz/elasticsearch-head #bigdesk集群状态,推荐 bin/plugin -install lukas-vlcek/bigdesk #marvel监控安装 bin/plugin -i elasticsearch/marvel/latest #es-sql安装,网页内有详细说明 https://github.com/NLPchina/elasticsearch-sql #jdbc-river安装(rive

Sublime Text 3 常用插件以及安装方法(转)

Sublime Text 3 常用插件以及安装方法(转) http://www.cnsecer.com/460.html 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助.麻烦动下手点下页面的广告吧,谢谢! 直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages). 使用Package Control组件安装 也可以安装package co

notepad++和sublime 常用插件及主题

sublime: 常用主题有: Pastels on Dark Monokai Zenburnsque 常用插件有 Anaconda Package Control Side Bar ConvertToUTF8 AutoPEP8 Terminal SublimeREPL Emmet Jedi Package Control安装方法: #python 3 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp =

Notepad++前端开发常用插件介绍

Notepad++前端开发常用插件介绍 Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件. Emmet Emmet的前身是Zen Coding,一款使用仿CSS选择器的语法来快速开发HTML和CSS的插件,是前端开发神器.它无视了编辑器的自动提示和自动完成,秒杀了你自定义的各种快捷键或者 AHK 的热字符串,以智能简洁高效的缩短输入,带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验.现在可以在Notepad++

Eclipse3.7常用插件

首先声明我是用的Eclipse版本是V3.7 ========================================================================== 一.Jode反编译插件 需要下载的资源 1.net.sf.jadclipse_3.3.0.jar----http://prdownloads.sourceforge.net/jadclipse/net.sf.jadclipse_3.3.0.jar?download 2 .jad.exe -------h

Vim常用插件——前端开发工具系列

作为一名开发者,应该对编辑器之神Vim与神之编辑器Emacs有所耳闻吧.编辑器之战的具体细节有兴趣的童鞋可以google之. Vim最大的特点是打开速度快,功能强大,一旦掌握了其中的命令,编程过程双手就不需要离开键盘了. 用习惯了Vim的另一个好处是在linux下可以很轻松地用vi来处理文件,当然emacs也可以做默认编辑器,但是不是每台机器都有安装Emacs. 今天主要给大家介绍Vim在前端领域的一些常用插件: 1.mark.vim mark.vim主要的功能是变量的高亮. 选中要高亮的词,使

Sublime 常用插件简介

Sublime   常用插件简介 emmet: 前端必备神器.花个十几分钟学下Emmet语法 ,就可以极大提高web开发者HTML和CSS工作效率啦.一句话,牛逼---必备 CSS3: CSS3语法高亮.CSS语法提示,但是浏览器的私有属性不会高亮.     -----必备 CSS Extended Completions: 提示css文件(包括关联进来的)中的类名,非常好用. JavaScript Completions javascript原生语法提示, jQuery 提供了jQuery的A

Sublime Text3快捷键以及常用插件

工若善其事,必先利其器.做为一个web前端开发人员,必须有一个得心应手的编码工具,本人推荐Sublime Text3和WebStorm,但WebStorm太过智能和耗性能了对初学者来说弊大于利,所以我们聊聊Sublime Test sublime text值强大是因为他的插件,提到Sublime Text插件安装,就不得不提Package Control,装sublime text第一件事就是装Package Control,它是 Sublime Text 的包管理器,你用它可以轻松地找到你想要

Atom编辑器的安装及常用插件

一.atom安装: github安装链接:https://github.com/atom/atom Debian Linux (Ubuntu) Currently only a 64-bit version is available. Download atom-amd64.deb from the Atom releases page. Run sudo dpkg --install atom-amd64.deb on the downloaded package. Launch Atom u