Web设计和开发人员有用的15Chrome插件

 1.Aviary Screen Capture屏幕截图html

     Aviary Screen Capture让你可以截取网页的屏幕快照。得到屏幕快照后,用Aviary.com的应用程序在浏览器内编辑那幅快照。基本的图像编辑装置让你可以标记(经过画箭头和长方形)、编辑(裁剪、旋转和调整大小)和得到精确的像素色彩。web

  其特性包括:浏览器

  保存在桌面、在线主机、或在其它的Aviary应用程序上编辑
即时截图
可以截取全部网页和图像的任何部分
可以截取整张网页
可以添加看得见的备注,好比箭头、文本及在你截取的图片上标出醒目符号
裁剪截取的图片
调整截图的大小、旋转及翻转截图
智能选择和去除截图的元素
从页面上得到色彩信息
快速启动6个Aviary设计工具,包括图像、标记、矢量、调色板、效果和音频编辑器。
网络

  2.Chrome SEO搜索引擎优化框架

  Chrome SEO为搜索引擎优化工具提供了方便的路径。这些工具帮助你作每日搜索引擎优化工做,好比竞争分析、关键词分析、反向连接检查及网页排名检查等。编辑器

  3.Chrome Sniffer嗅探器ide

  Chrome Sniffer使Web开发人员可以在网站上运行的检查web框架∕CMS和JavaScript库。这个插件经过一个图标,显示已检测到的框架。目前,这个插件最多可检测70个流行的CMS和JavaScript库。工具

  4.Eye Dropper滴管性能

  Eye Dropper让你可以从网页或高级颜色选择器上选择颜色。开发工具

  5.Firebug Litefor Google Chrome

  Firebug Lite for Google Chrome并非Firebug的替代品(这很不幸),也不是浏览器开发人员的工具。想法,你应该和其它工具一块儿使用。Firebug Lite提供了大量的视觉效果,相似于Firebug的HTML元素、DOM元素及箱状模式阴影。Firebug Lite还具有其余一些很酷的功能,好比用鼠标检测HTML元素,及实时编辑CSS的特性。

  6.IETab

  借助IETab,能够在Chrome Tab上切换显示网页。这个插件对想用IE渲染引擎跨浏览器测试的开发人员颇有帮助。(这是Windows系统下的独特插件。)

  7.Instant Image Editor即时图像编辑器

  当你按住alt键(Linux上的ctrl键)的时候,Instant Image Editor让你在有背景图像的网页上能够右键点击任何图像或元素。你能够用Pixlr在新标签上即时编辑图像,Pixlr是在浏览器上运行速度快、使用方便的程序。当你右键点击的元素不是图像时,即时图像编辑器也会肯定这个元素是否有可供编辑的背景图像。

  8.Lorem Ipsum Generator

  Lorem Ipsum生成器用简约和极具吸引力的设计随机产生“Lorem Ipsum”文本。

  9.MeasureIt!

  MeasureIt!用于测量网页上任何元素的宽度和高度。

  10.Pendule

  Pendule是Chrome为Web开发人员提供的开发工具。这个内置的开发工具的插件包括:查看、重装和禁用CSS,查看JavaScript、表格编辑,查看、隐藏及得到图像的信息,颜色选择器、量尺、地形图、标记验证器等等!

  11.PHPConsole PHP控制台

  PHPConsole是Lagger的一个插件,(Lagger:PHP处理错误/异常/调试的轻量级灵活的开源PHP库),它在谷歌浏览器控制台及弹出窗口中显示PHP错误/调试的信息。

  12.Speed Tracer速度追踪器

  SpeedTracer速度追踪器帮助你在网站应用程序中发现和修复性能问题。当应用程序运行时,这个插件将浏览器内的低水平检测点可视化,并分析它们。

  这个应用程序帮助你了解在你的应用程序里时间都花在哪了。这包括由如下缘由致使的问题:

  Javascript的解析和执行
Layout版面
CSS样式重算和选择器匹配
DOM事件处理
网络资源加载
定时器
XMLHttpRequest回调
绘图
其它

  13.Web Developer

  Web Developer在浏览器中增长了一个工具栏,其中有Web开发工具的按钮。

  14.Webpage Screenshot网页快照

  Webpage Screenshot是快速、简单的插件,它能截取整个网页。即便网页很长,也能存储在一份图像文件里。这个插件让你只点击一下,就能以PNG/JPG格式存储任何网页的图像。

  有绘图工具:线条、椭圆、长方形、箭头等
在屏幕快照中添加文本
按所需尺寸快速裁剪图像
在准备好图像以前就能开始编辑
能够上传到Facebook、Twitter、Gmail、MySpace上共享
打印:直接发送图像到
打印机
存储在
硬盘里:这个独特的插件让你可以将大的图片存储在硬盘里
可以截取本地文件:可以截取“FILE://”
附有颜色选择器:可以记住你最后使用的颜色
也可以截取水平网站的网页

  15.Window Resizer窗口大小调整器

  Window Resizer可以从新调整浏览器窗口的大小以适合各类分辨率。这个插件对网站设计和开发人员特别有用,可以帮助他们在分辨率不一样的浏览器上测试版面设计。分辨率清单是彻底可以定制的(增长/删除/从新排序)。

  能够提供三种屏幕类型:

  台式电脑(标准的;按具体的分辨率状况从新调整整个窗口的大小)
手提
电脑(和台式电脑同样,但图标不一样;很容易扫描分辨率清单)
手机Mobile(和前两种屏幕不一样;适合具体的视图尺寸,不会占满整个窗口,由于手机的浏览器一般没有边界)

 

 

下载 Google Chrome浏览器 请点击: http://xiazai.zol.com.cn/detail/33/327560.shtml
相关文章
相关标签/搜索