Chrome浏览器目前是网络上可用的最好的浏览器之一，而且自2011年11月超越了Firefox浏览器以后，已经成为了互联网上占主导地位的浏览器。javascript
本篇文章将与你们分享一些与前端开发有关的实用的Chrome浏览器插件，这些插件能够帮助你提升前端开发工做效率。css
markdown here
超好用的一款插件，强烈推荐！！有个它不再用担忧编辑器不支持markdown语法了，写好之后直接一键转换。并且也是一个跨平台神器，好比咱们能够把简书写好的文章（带md语法）直接复制到微信公众号，而后一键转换，格式几乎无变化！前端
离线版下载地址：https://u14797164.pipipan.com/fs/14797164-237430000vue
OneTab：将无数 Tab 合并在一个页面
不少时候咱们在一个窗口打开太多的tab，每个tab过小不容易管理，这时候使用OneTab可以把全部tab收起放在一个页面，点击就可打开该tab，很是方便。java
离线版下载地址：https://u14797164.pipipan.com/fs/14797164-237428194react
Allow-Control-Allow-Origin: *
容许应用从不一样的来源请求数据，特别适用于先后端分离的开发模式，解决开发中的浏览器跨域问题。git
Code Cola
可视化编辑在线页面css样式并实时查看效果，并且能够保存编辑好的css样式。github
Image Downloader
浏览当前页面全部的图片并能够快速下载图片。web
JavaScript Errors Notifier
将当前页面全部的 JavaScript 错误提示出来。正则表达式
JSON-handle
查看、编辑、格式化JSON，也能够根据数据中的图片url查看图片。
Library Sniffer
探测当前网页所使用的类库、框架和服务器环境。
Lighthouse
帮助你分析页面的性能并提出可优化的地方。
Page Ruler
绘制一个标尺来获取像素尺寸和定位，并在任何网页上测量元素。
Pesticide
高亮显示页面每一个元素的位置。
Simple Material Design Palette
好用的css调色板。
User-Agent Switcher
默认不一样的浏览器用户代理信息，方便多浏览器调试。
Web Developer Checklist
使用最佳实践来分析页面。
WEB前端助手(FeHelper)
包括JSON格式化、二维码生成与解码、信息编解码、代码压缩、美化、页面取色、正则表达式、时间转换工具、编码规范检测、页面性能检测、Ajax接口调试。
离线版下载地址：https://u14797164.pipipan.com/fs/14797164-237430197
WhatFont
识别元素使用的字体。
Window Resizer
调整浏览器窗口，模拟各类屏幕分辨率。
Take Webpage Screenshots Entirely - FireShot
捕捉网页截图，编辑并将它们保存为PDF，JPEG，GIF，PNG或BMP；上传，打印，在Photoshop中打开，复制到剪贴板或电子邮件
Postman
模拟各类类型的请求，更快地构建、测试并记录API。
Augury
调试和分析Angular应用程序。
Vue.js devtools
调试和分析Vue应用程序。
React Developer Tools
调试和分析React应用程序。