15个网页设计必备的Google Chrome 扩展
2011年第一篇,翻译自freelancefolder的一篇文章。以下为译文内容:
最近,我将Google Chrome作为了我的主力浏览器,同时,将其作为我设计和开发网页的工具,尽管我还时常会去Firefox,因为Firebug这个扩展在Chrome上还不够完善,但我非常满意于Chrome浏览器的速度和浏览宽度等。在这篇文章中,将以字母顺序分享15个对于网页设计师和开发者非常有用的Google Chrome扩展。
1. Aviary Screen Capture
Aviary Screen Capture扩展让你方便的截取任何网页截图,在Aviary.com申请之后,你可以方便地在浏览器内编辑你的截图,基本图像编辑器可以让你标记(通过绘制箭头和长方形)、编辑(剪裁、旋转和调整大小)并得到精确地图片像素和颜色。
其特点包括:
保存到桌面、上传到网络、或者在其他Aviary软件中编辑;
瞬间捕捉;
为截图添加文字、箭头和高亮等标记;
调整、旋转、翻转截图;
智能选择移动元素;
获取页面颜色信息;
快速启动六个Aviary工具,包括图像编辑,标记编辑器,矢量编辑器,调色板编辑器,特效编辑器和音频编辑器等。
2. Chrome SEO
Chrome SEO提供便捷的搜索引擎优化工具,这些工具帮助你进行竞争性分析、关键词研究、反向链接检查和网页排名等日常优化服务。
3. Chrome Sniffer
Chrome Sniffer可以让开发人员检查framework / CMS 和 JavaScript运行情况,这个扩展以图表方式展示检测到的结果,目前,这个扩展已经可以检测到70多种CMS和JavaScript库。
4. Eye Dropper
Eye Dropper 让你方便的获取网页或者其他地方的颜色编码。
5. Firebug Lite for Google Chrome
Firebug Lite for Google Chrome并不是一个完全替代Firebug的扩展(真不幸),不过,你还是可以通过这个扩展获取大多数功能。
6. IE Tab
IE Tab让你方便地在Chrome标签页中使用IE,对于需要进行IE浏览器下测试的开发者来说尤为适用。
7. Instant Image Editor
Instant Image Editor允许你右键点击任何一张图片或者其他元素,并按住ALT键(Linux下位ctrl键),在一个新标签页中用Pixlr进行编辑,这是一种在浏览器中快速、易用的方法。
8. Lorem Ipsum Generator
Lorem Ipsum Generator 扩展创建一个虚拟 “Lorem Ipsum” 文本。
9. MeasureIt!
MeasureIt!让你方便的测量网页中任何元素的宽度和高度。
10. Pendule
Pendule 提供浏览器开发工具,其内置的工具包括查看、重置和禁用CSS,插件JS,编辑表格,查看、编辑和获取颜色、大小等图片信息。
11. PHP Console
PHP Console是一个在Chrome浏览器中进行PHP调试和纠错的扩展。
12. Speed Tracer
Speed Tracer帮助你找出和修复web应用程序的问题,这个扩展帮助你找到应用程序的载入时间耗费问题。这些问题包括:
Javascript分析
布局
CSS样式重新计算和匹配
DOM事件处理
网络资源加载
XMLHttpRequest的回调
绘画
13. Web Developer
Web Developer为浏览器增加一个开发者工具栏, 这是流行于Firefox官方开发人员所使用的一个工具。
14. Webpage Screenshot
Webpage Screenshot 是一个快速、简便地捕捉整个网页的扩展,其特点包括:
绘图工具:线,椭圆,矩形,箭头;
为截图添加文本;
快速剪切图片大小;
分享到Facebook、Twitter、Gmail和MySpace;
直接将图片发送至打印机;
记住你最好使用的颜色;
截取整个页面。
15. Window Resizer
模仿各种协议重新调整浏览器窗口,有三种屏幕类型可供选择:
台式机(标准,将整个窗口调整至指定大小);
笔记本电脑(与台式机相同,但是图标不同);
移动设备(与前两个不同,适用于指定的大小而不是整个窗口,因为移动浏览器通常没有边界)。
写在最后
1.你还有什么补充的吗?
2.2010年最具创意的10大病毒视频广告一文最佳评论出炉,获得者为yumimao,送出Geekcook 50元代金券。
3.卡巴斯基最近在搞买软件,抢机票的活动,有兴趣的朋友不妨试试。
15个网页设计必备的Google Chrome 扩展的更多相关文章
- 解决高版本 Google Chrome 扩展程序强制停用问题 -摘自网络
1]前往这里下载你喜欢的语言的组策略模板 后缀为.adm (其他的文件自己看 https://docs.google.com/viewer?a=v&pid=sites&srcid=Y2 ...
- Chrome浏览器扩展开发系列之一:初识Google Chrome扩展
1. Google Chrome扩展简介 Google Chrome扩展是一种软件,以增强Chrome浏览器的功能. Google Chrome扩展使用HTML.JavaScript.CS ...
- Google Chrome 扩展程序开发
根据公司的规定,每月八小时,弹性工作制.所以大家平时来的不太准时,如果有事,下班也就早些回去了.所以一个月下来工作时间可能不够,但是公司的考勤日历是这样的: 除了请假和法定节假日外,其他样式显示都是一 ...
- 网页设计必备工具 firefox Web Developer插件 CSS工具组教程
该插件在火狐浏览器中安装.Web Developer 插件强大的功能超乎你的想象,用于CSS网页布局开发调试只是它强大功能的一部分,对于网络程序的开发也提供了非常强大的辅助设计功能,我们不将它完全的展 ...
- 一个获取google chrome扩展crx文件信息的PHP操作类
此类中实现了从crx文件获取扩展的Appid.获取manifest.json文件内容.将crx文件转换为一般zip文件 代码如下: <?php class CrxParserException ...
- Google Chrome插件分享
前言 浏览器是大家日常使用最多的工具之一,对于程序员来说,Google Chrome浏览器当然是大家优选的最爱之一.面对Chrome丰富的插件真的是爱不释手,如何把自己的Chrome调教成自己心仪的样 ...
- Chrome浏览器扩展开发系列之三:Google Chrome浏览器扩展的架构
1) 不可视的background页面 Google Chrome扩展往往包含一个不可见的background页面,Google Chrome扩展的主要业务逻辑都位于此.有两种类型的backgroun ...
- Chrome浏览器扩展开发系列之二:Google Chrome浏览器扩展的调试
1) 查看扩展程序的详细信息和ID 通过Chrome 浏览器的“ 工具->更多工具->扩展程序”,打开chrome://extensions页面,选中右上角的“开发者模式”,可以 ...
- Google Chrome 中安装 PostMan 扩展
简介 PostMan 是调试 HTTP 请求的好工具,也是业界的佼佼者,这对于我们开发 Web Service 提供了很好的调试入口,支持请求认证机制.最关键的是,这个工具提供 Google Chro ...
随机推荐
- Quartz.NET simple_demo
Quartz.NET是一个开源的作业调度框架,非常适合在平时的工作中,定时轮询数据库同步,定时邮件通知,定时处理数据等. Quartz.NET允许开发人员根据时间间隔(或天)来调度作业.它实现了作业和 ...
- codeforces 580D Kefa and Dishes(状压dp)
题意:给定n个菜,每个菜都有一个价值,给定k个规则,每个规则描述吃菜的顺序:i j w,按照先吃i接着吃j,可以多增加w的价值.问如果吃m个菜,最大价值是多大.其中n<=18 思路:一看n这么小 ...
- C# Ref 与out 的区别
在C#中,有四种传递参数方式: 1. 传值 (value) : 无额外修饰符 2. 传址(reference) : 需修饰符Ref,传入函数的参数必须先赋值 3. 输出参数(output): 需修饰符 ...
- GET请求和POST请求
A:有哪些get请求呢? a.在浏览器地址栏直接输入一个请求地址 b.点击超链接 c.表单默认的提交方式method="GET/get" B:get请求方式的特点 a.会将请求参数 ...
- 2014-11-9------- 设有一数据库,包括四个表:学生表(Student)、课程表(Course)、成绩表(Score)以及教师信息表(Teacher)。
一. 设有一数据库,包括四个表:学生表(Student).课程表(Course).成绩表(Score)以及教师信息表(Teacher).四个表的结构分别如表1-1的表(一)~表( ...
- Python:对象
#!/usr/bin/python3 #对象实例 class Person: num=200 def __init__(self,name,sex): self.name=name self.sex= ...
- _BLOCK_TYPE_IS_VALID 问题解析及处理
直接原因: 释放内存时,内存已经被修改或释放. 产生可能: 1.内存越界操作,踩了待释放指针头信息. 2.重复释放指针. 处理: 采用排除法,逐步屏蔽掉一些代码,当屏蔽某些代码时,不抛此异常,说明问题 ...
- dx环境搭建
我使用的是vs2012+DXSDK_Jun10 DXSDK_Jun10下载地址http://download.microsoft.com/download/A/E/7/AE743F1F-632B-48 ...
- 把AS代码链接到fla文件
在属性里找到类,输入AS脚本的文件名然后点击右边的编辑就可以打开编辑AS脚本的界面,下面为链接代码. package { import flash.display.MovieClip; public ...
- 受教了,memcache比较全面点的介绍,受益匪浅,适用memcached的业务场景有哪些?memcached的cache机制是怎样的?在设计应用时,可以通过Memcached缓存那些内容?
基本问题 1.memcached的基本设置 1)启动Memcache的服务器端 # /usr/local/bin/memcached -d -m 10 -u root -l 192.168.0.200 ...