文档章节

web前端开发常用的chrome插件

m
 minitang
发布于 2015/10/27 09:41
字数 932
阅读 293
收藏 2

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浏览器看起来如何。

http://www.cnblogs.com/sosoft

本文转载自:http://www.cnblogs.com/sosoft/p/3490481.html

m
粉丝 0
博文 2
码字总数 236
作品 0
南宁
私信 提问
将 Chrome 变成开发利器,开发者们在用这些插件

Chrome 浏览器具有强大的跨平台能力以及丰富的扩展插件,一直是许多开发者的首要选择。而利用许多 Chrome 插件,开发者们在开发流程中能够极大地提高开发效率。我们就整理了十款开发者常用的...

oschina
2016/07/01
13K
30
如何开发一个识别二维码的Chrome插件?

如何开发一个识别二维码的Chrome插件? const [text, set] = useState('No QR code found!')const read = (dataUrl) => { }useEffect(() => { }, [])return ( )} 文章被以下专栏收录......

背着灯笼
2018/11/04
0
0
十款开发者常用的Chrome插件,让chrome成为开发利器!

本文作者:TheBeauty 原文地址:www.cnblogs.com/thebeauty/p… 前言 Chrome浏览器无论是作为浏览器市场的NO1还是其强大的跨平台能力以及丰富的扩展插件,一直是许多开发者的首要选择的浏览器...

codeGoogle
2018/10/30
0
0
Chrome调试技能和常用插件完全指北

Chrome浏览器是前端工程师必备工具,以其强大的扩展程序和多进程架构、高速、简单搜索、更安全等特点为大家广泛使用。 接下来就简单介绍Chrome的调试技能和常用插件(针对前端) 一、调试技能...

FEvivi
2018/10/23
0
0
【面向前端开发者】推荐一下Adobe出的开源代码编辑器Brackets

自己偶尔做做前端开发,断断续续搞了十多年吧,技术不精只会一些大路货,写代码的工具从DW开始,先后换过apatina、vim、emacs、sublimetext2等等,但是就前端开发来说,都有一些不太爽的地方...

jun4rui
2014/05/06
2.4K
6

没有更多内容

加载失败,请刷新页面

加载更多

VMware vSphere ESXi主机的访问控制

在vShpere中,访问ESXi主机的途径很多,如下: ESXi DCUI ESXi Shell ESXi SSH ESXi Host Client vCenter --> vSphere web client / vSphere Client VMware vSphere ESXi主机的访问控制,除了......

大别阿郎
35分钟前
4
0
大神讲解CGI、FastCGI和PHP-FPM关系图解

参考资料 概念了解:CGI,FastCGI,PHP-CGI与PHP-FPM:http://www.nowamagic.net/librarys/veda/detail/1319 php中fastcgi和php-fpm是什么东西:https://www.zybuluo.com/phper/note/50231 ......

网络小虾米
44分钟前
4
0
《DNS攻击防范科普系列3》 -如何保障 DNS 操作安全

引言 前两讲我们介绍了 DNS 相关的攻击类型,以及针对 DDoS 攻击的防范措施。这些都是更底层的知识,有同学就来问能否讲讲和我们的日常操作相关的知识点,今天我们就来说说和我们日常 DNS 操...

Mr_zebra
44分钟前
4
0
zk中ServerCnxn

实现接口Stats, Watcher 内部类 DisconnectReason CloseRequestException EndOfStreamException(流关闭) 属性 方法 getSessionTimeout 获取session失效时间 sendResponse 发送回复数据 se......

writeademo
49分钟前
4
0
如何将 Redis 用于微服务通信的事件存储

来源:Redislabs 作者:Martin Forstner 翻译:Kevin (公众号:中间件小哥) 以我的经验,将某些应用拆分成更小的、松耦合的、可协同工作的独立逻辑业务服务会更易于构建和维护。这些服务(也...

中间件小哥
53分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部