`
thomas0988
  • 浏览: 484862 次
  • 性别: 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展示你访问的网页由什么技术栈所...

    Chrome Extension (Chrome插件)开发官方最新文档(20190401)

    综上所述,开发Chrome插件涉及到多方面的技术,包括前端开发、API调用、权限管理、安全策略等。通过学习官方文档(如chrome_doc),开发者可以深入理解这些概念并创建出满足用户需求的高质量插件。

    Chrome插件开发完整教程

    总的来说,开发Chrome插件是一项结合了Web开发和浏览器扩展技术的工作,对于前端开发者来说,是一个值得学习和探索的领域。通过学习和实践,你可以创建出富有创意和实用性的Chrome插件,为你的网络生活带来便利。

    web前端开发-谷歌浏览器插件

    在IT行业中,Web前端开发是构建互联网应用的重要部分,它主要关注用户与应用程序之间的交互界面。谷歌浏览器(Google Chrome)因其强大的性能和丰富的扩展性,成为前端开发者常用的工具。本主题将聚焦于“谷歌浏览器...

    chrome插件,xswitch插件,前端代理

    总之,Chrome插件XSwitch是一款针对前端开发者的强大工具,它通过代理服务解决了跨域难题,简化了开发和调试流程,提高了工作效率。通过灵活的配置和丰富的功能,XSwitch插件已经成为很多前端工程师不可或缺的开发...

    Chrome插件开发3.0

    综上所述,Chrome插件开发3.0涉及的技术面广泛,从基础的Web开发技能到Chrome特有的API和机制,都需要开发者有深入的理解和实践。通过掌握这些知识点,开发者能够创建出丰富多样、功能强大的Chrome插件,满足用户的...

    web server for chrome插件

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

    chrome插件开发用

    开发Chrome插件是一项技术性工作,涉及到JavaScript、HTML和CSS等前端技术,以及Chrome提供的API接口。下面我们将深入探讨Chrome插件开发的相关知识点。 首先,了解Chrome插件的基础架构至关重要。一个基本的Chrome...

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

    2. **WEB前端助手(FeHelper)_v10.6.crx**:FeHelper是一款全方位的前端开发辅助工具,它集成了HTML/CSS/JavaScript的代码片段、颜色拾取、二维码生成、网页截图、JSON格式化、网页源码查看等多种功能,大大提升了...

    海康威视视频监控web开发最新插件包(包含实时预览和回放demo),插件支持谷歌浏览器

    它涉及的技术包括Web前端开发、浏览器插件技术、流媒体协议、视频存储和回放机制。对于开发基于Web的视频监控解决方案的工程师而言,这个插件包是一个有价值的工具,能够简化他们的工作流程并提升用户体验。

    调试vue3 开发的 chrome 插件

    本文将深入探讨如何调试基于Vue3开发的Chrome插件。 首先,Vue DevTools是Vue.js官方推出的一款开发者工具,它能够集成到Chrome浏览器中,提供实时查看和调试Vue应用的功能。在Vue2到Vue3的过渡期间,开发者可能...

    yapi的Chrome插件

    本文将深入探讨YApi的Chrome插件及其在API开发中的重要作用。 首先,YApi的Chrome插件是进行Mock测试的关键。Mock测试是一种模拟实际服务器响应数据的方法,使得开发者可以在没有后端接口的情况下进行前端开发和...

    chrome 浏览器跨域插件下载

    在前端开发过程中,跨域问题时常困扰着开发者,因为浏览器的同源策略限制了不同源之间的通信。"chrome 浏览器跨域插件下载"这个主题正是针对这一问题,提供了能够帮助开发者解决跨域问题的工具。 Moesif Origin ....

    chrome插件js注入网页demo

    这两个标签揭示了主要的技术领域:Chrome插件开发和JavaScript注入。Chrome插件开发涉及HTML、CSS和JavaScript技术,以及使用manifest.json文件来定义插件的元数据和权限。而JavaScript注入则涉及到如何利用Chrome...

    es浏览器插件chrome插件

    "es浏览器插件chrome插件" 这个标题表明我们要讨论的是一个用于Elasticsearch(简称ES)的Chrome浏览器扩展程序,它可能是为了方便用户在Chrome浏览器上直观地管理和操作Elasticsearch集群。描述中的内容与标题相同...

    Chrome浏览器的vue开发插件

    Vue.js是一款非常流行的前端JavaScript框架,它以简洁的API、高效的性能和强大的功能深受开发者喜爱。...不过,对于一般开发者来说,直接从Chrome Web Store安装稳定版本的Vue DevTools已经足够满足日常开发需求。

    chrome插件web developer

    Web Developer作为一款功能丰富的Chrome插件,它简化了开发者和设计师的工作流程,提高了网页开发和调试的效率。通过其各种工具,用户能够深入理解网页的各个层面,从而更好地优化和维护网站。如果你从事网页相关...

    大华视频监控WEB二次开发插件demo.zip

    《大华视频监控WEB二次开发插件:直播、抓图与回放的集成实践》 在信息化时代,视频监控已经成为安全防护和管理的重要工具。大华作为知名的安防设备制造商,其视频监控产品广泛应用于各类场景。针对开发者,大华...

    Web前端模块化开发教程(ES6+Node.js+Webpack)_源代码.zip

    本教程主要围绕Web前端的模块化开发展开,利用ES6的语法特性、Node.js环境以及Webpack工具进行深入探讨。在现代Web开发中,模块化已经成为不可或缺的一部分,它有助于提高代码的可读性、可维护性和复用性。下面将...

    chrome扩展插件获取ajax请求记录

    总之,Chrome扩展插件获取Ajax请求记录是一项重要的Web开发技能,它可以帮助开发者优化应用性能,调试网络问题,提升开发效率。了解如何利用Chrome的内置工具和扩展插件进行网络请求分析是每个前端开发者不可或缺的...

Global site tag (gtag.js) - Google Analytics