`
thomas0988
  • 浏览: 473067 次
  • 性别: Icon_minigender_1
  • 来自: 南阳
社区版块
存档分类
最新评论

Web前端开发人员实用Chrome插件收集

 
阅读更多

越来越多的前端开发人员喜欢在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文件更容易阅读。其整合了BeautifierPrettify的功能,可以为代码添加语法高亮。用法是在新窗口里输入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浏览器看起来如何。

参考文献

10个针对Web开发者的优秀Chrome插件

如需转载,请注明来自: BorisHuai前端修炼 > Web前端开发人员实用Chrome插件收集

分享到:
评论

相关推荐

    web前端常用chrome谷歌浏览器扩展插件

    FeHelper简直就是前端开发人员的神器,它是由国人开发的一款前端工具集合的小插件,插件功能齐全,基本上涵盖了前端从业者经常会使用到的基础功能,使用起来也很顺手。 Wappalyzer展示你访问的网页由什么技术栈所...

    web server for chrome插件

    chrome扩展插件,可以方便轻松的在本地创建网页服务器。

    开发人员必用的chrome插件集合

    postman,web前端助手,一键刷新浏览器(包括清除缓存,刷新页面等),鼠标插件,自动刷新前段代码等一些常用和必用的chrome插件

    海康威视 摄像头网络摄像头 WEB无插件开发包 Web 3.2控件开发包

    web 3.2无插件 是使用websocket 的相关技术 , web 3.0 插件版是使用了 浏览器的npapi 技术 内容简介 Web 控件 V3.2 基于 ActiveX 和 NPAPI 开发,接口封装于 javascript 脚本,以 javascript 接口形式提供用户 集成...

    Chrome浏览器的vue开发插件

    Chrome浏览器的vue开发插件,解决本地扩展程序中没有vue的情况,对前端页面进行高效调试

    WEB前端助手

    拥有字符串编解码,json串格式化,代码美化,代码压缩,二维码生成,页面取色器,js正则表达式工具(带常用正则),时间(戳)转换,图片Base64,编码规范检测,页面性能检测,Ajax调试功能,简直是WEB开发利器

    chrome 浏览器跨域插件下载

    链接:https://pan.baidu.com/s/1-mjkHmiuVLJzmqhnIyBHag 提取码:w9vu

    Chrome 插件 (含安装说明).zip

    Chrome插件:包含手势、截图、代理、React、Redux、Vimium、Vue、web前端助手、广告终结者、翻译

    Chrome浏览器插件-FeHelper(前端助手)

    Chrome浏览器插件-FeHelper(前端助手),程序员web开发助手,包含多种方便快捷的小工具,非常好用。

    winform调用chrome插件.rar

    c#winform程序调用chrome浏览器插件,一般winform中web容器默认调用的是IE,这就导致现在很多前端框架特效不兼容问题,此插件有效解决了winform和web程序的互通互联。

    WEB前端助手(FeHelper)_v2018.10.2512.crx

    Chrome插件,FeHelper助手,WEB前段助手,直接在chrome中安装,即装即用。

    WEB前端助手FeHelper

    Chrome浏览器插件Web前端助手FeHelper,版本2018.07.1714。

    TMS WEB Core for RAD Studio 10.3

    包含产品的所有UI控件的全部源代码都包含在其中,可以作为如何开发自定义TMS WEB核心UI控件的指南。 我想从TMS WEB Core开始。在哪里可以得到它? 目前,TMS WEB核心技术预览版免费提供给所有活跃的TMS all access...

    WEB前端助手(FeHelper)_v2018.04.1811.crx

    chrome插件:WEB前端助手(FeHelper)_v2018.04.1811.crx,下载后拖入chrome扩展管理页即可安装

    FeHelper Web前端助手 | 谷歌(Chrome)浏览器插件

    高效开发 Chrome插件 【插件安装教程】 请下载文件后先解压,然后进入页面: chrome://extensions/ 将文件拖拽到该页面,完成安装。 具体步骤: https://t.csdnimg.cn/NxMv 【热门插件】 ·CSDN 浏览器助手:...

    前端工程师必备软件和插件

    以工具栏形式提供一系列Web开发工具, 这是Web Developer官方为Chrome开发的版本,他们也为 Firefox、Opera开发了相应插件。包含招聘平台对前端工程师的要求,查漏补缺

    视频WEB插件_Win32_V1.5.2.zip

    海康视频监控1.5.2 内含调试demo,视频本地控件,支持32 64位,后台拿到密钥、id、监控编号即可使用

    Chrome插件Automa(v0.17.4).crx离线安装包,目前支持中文显示。

    Automa它定位是一款 Chrome 插件,也就意味着,它的使用载体需要借助Chrome浏览器。利用Automa,即使你不会写代码,也能按照自己的需求,完成一系列自动化操作。利用它,你可以将一些重复性的任务实现自动化、并且它...

    chrome_download.rar

    chrome插件web前端助手(FeHelper)JSON格式化、前端调试助手、ajax调试、正则验证等chrome插件web前端助手(FeHelper)JSON格式化、前端调试助手、ajax调试、正则验证等chrome插件web前端助手(FeHelper)JSON格式...

Global site tag (gtag.js) - Google Analytics