越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录后的Chrome的,非常方便啊。
Postman - REST Client
Postman是Ajax开发的神器,对于Restful开发方式特别有帮助,可以用来模拟各种请求来测试API的正确性,比如用来模拟Ajax请求。它还支持认证,比如简单的用户名/密码,或者Oauth1.0。Rest Console也是一个不错的选择。
Edit This Cookie
这是一个强大的cookie管理器。你可以添加、删除、编辑、搜索、保护和阻止cookies。Cookies也是一个非常强大的Cookie工具。
Web Developer
安装Web Developer扩展后,会在浏览器的工具栏中添加一个按钮,点击该按钮,会弹出各种Web开发工具。此扩展工具的作者同时也是非常流行的Firefox扩展Web Developer extension for Firefox的作者。。
JSON Lint
一个在线验证和格式化JSON文件的应用。
网页截图
截取网页为图片,支持窗口截图,区域截图和整个网页截图三种方式。支持水平和垂直翻页截取超大网页,新版引进自动截图保存功能。截图后,可以利用图片编辑工具编辑图片,然后将编辑后的图片保存为PNG格式的图片文件,并且提供了高亮工具,涂改工具和文字添加工具。
YSlow
YSlow可以分析网页,并为改善网页性能提出修改建议,这些功能基于高性能网页的规则集。YSlow可以根据预定义的三个规则集或用户自定义规则集来对网页进行分级。,PageSpeed Insights是谷歌开发的类似功能的插件。
ColorZilla
可以从页面上任何一点获取颜色,维护获取历史等。
Measure It!
MeasureIt! 给你测量一个网站中的任何元素的尺寸(像素宽度和高度)。 Page Ruler也是一个不错的选择。
JavaScript Errors Notifier
安装该扩展后,会在Chrome地址栏中以图标形式提示JavaScript错误,因为Chrome默认只有打开console才会显示错误。
Window Resizer
此扩展可以调整浏览器窗口的大小,以适应各种屏幕分辨率。这对于Web设计师和开发者非常有用,可以帮助他们在不同的屏幕分辨率下测试网站布局。
Firebug Lite
Firebug的精简版允许您检查的HTML,CSS和JavaScript代码,生活在任何页面。 你也可以编辑代码,立即测试新的变化。 这是一个开发者最喜欢的Firefox扩展Firebug的精简版。
JQuery 扩展
jQuery扩展让你在当前网页中运行JavaScript和jQuery命令。
Pretty Beautiful Javascript
该扩展可以使Javascript文件更容易阅读。其整合了Beautifier和Prettify的功能,可以为代码添加语法高亮。用法是在新窗口里输入js文件的URL或者在查看HMTL源代码时点击js文件的链接。如果是在Chrome的控制台里的资源选项里查看代码则推荐使用Chrome自带的"pretty print"功能,也就是点击"{ }"图标。
WhatFont
用于查看当前页面使用了哪些字体,Firebug和Webkit Inspector也可以查看字体,但是远没有WebFont方便,WebFont可以通过把鼠标悬停在元素上来查看字体。同时还支持查看网络字体,如Typekit 和 Google Font API。
IE Tab
在Chrome中打开IE浏览器标签页,你可以打开一个标签来运行Internet Explorer,让你看到的网页在IE浏览器看起来如何。
参考文献
如需转载,请注明来自: BorisHuai前端修炼 > Web前端开发人员实用Chrome插件收集
相关推荐
FeHelper简直就是前端开发人员的神器,它是由国人开发的一款前端工具集合的小插件,插件功能齐全,基本上涵盖了前端从业者经常会使用到的基础功能,使用起来也很顺手。 Wappalyzer展示你访问的网页由什么技术栈所...
chrome扩展插件,可以方便轻松的在本地创建网页服务器。
postman,web前端助手,一键刷新浏览器(包括清除缓存,刷新页面等),鼠标插件,自动刷新前段代码等一些常用和必用的chrome插件
web 3.2无插件 是使用websocket 的相关技术 , web 3.0 插件版是使用了 浏览器的npapi 技术 内容简介 Web 控件 V3.2 基于 ActiveX 和 NPAPI 开发,接口封装于 javascript 脚本,以 javascript 接口形式提供用户 集成...
Chrome浏览器的vue开发插件,解决本地扩展程序中没有vue的情况,对前端页面进行高效调试
拥有字符串编解码,json串格式化,代码美化,代码压缩,二维码生成,页面取色器,js正则表达式工具(带常用正则),时间(戳)转换,图片Base64,编码规范检测,页面性能检测,Ajax调试功能,简直是WEB开发利器
链接:https://pan.baidu.com/s/1-mjkHmiuVLJzmqhnIyBHag 提取码:w9vu
Chrome插件:包含手势、截图、代理、React、Redux、Vimium、Vue、web前端助手、广告终结者、翻译
Chrome浏览器插件-FeHelper(前端助手),程序员web开发助手,包含多种方便快捷的小工具,非常好用。
c#winform程序调用chrome浏览器插件,一般winform中web容器默认调用的是IE,这就导致现在很多前端框架特效不兼容问题,此插件有效解决了winform和web程序的互通互联。
Chrome插件,FeHelper助手,WEB前段助手,直接在chrome中安装,即装即用。
Chrome浏览器插件Web前端助手FeHelper,版本2018.07.1714。
包含产品的所有UI控件的全部源代码都包含在其中,可以作为如何开发自定义TMS WEB核心UI控件的指南。 我想从TMS WEB Core开始。在哪里可以得到它? 目前,TMS WEB核心技术预览版免费提供给所有活跃的TMS all access...
chrome插件:WEB前端助手(FeHelper)_v2018.04.1811.crx,下载后拖入chrome扩展管理页即可安装
高效开发 Chrome插件 【插件安装教程】 请下载文件后先解压,然后进入页面: chrome://extensions/ 将文件拖拽到该页面,完成安装。 具体步骤: https://t.csdnimg.cn/NxMv 【热门插件】 ·CSDN 浏览器助手:...
以工具栏形式提供一系列Web开发工具, 这是Web Developer官方为Chrome开发的版本,他们也为 Firefox、Opera开发了相应插件。包含招聘平台对前端工程师的要求,查漏补缺
海康视频监控1.5.2 内含调试demo,视频本地控件,支持32 64位,后台拿到密钥、id、监控编号即可使用
Automa它定位是一款 Chrome 插件,也就意味着,它的使用载体需要借助Chrome浏览器。利用Automa,即使你不会写代码,也能按照自己的需求,完成一系列自动化操作。利用它,你可以将一些重复性的任务实现自动化、并且它...
chrome插件web前端助手(FeHelper)JSON格式化、前端调试助手、ajax调试、正则验证等chrome插件web前端助手(FeHelper)JSON格式化、前端调试助手、ajax调试、正则验证等chrome插件web前端助手(FeHelper)JSON格式...