技术开发 频道

Web设计开发人员必备:15个Chrome插件

    【IT168 技术】最近我才把谷歌浏览器设为默认浏览器,而与此同时我开始将它用于我的兼职Web设计和开发项目中。由于我所依赖Firebug的插件,在Chrome浏览器并没有完全的对应插件,所以我还是时不时要用Firefox浏览器,但我对谷歌浏览器的速度、屏幕空间的利用及很多方面都很满意。在这篇文章里,我和大家分享我在设计和开发网站时发现的一些最好的谷歌浏览器插件,按字母顺序列出如下。

Chrome插件:SEO/Sniffer/Dropper

  1. Aviary Screen Capture 屏幕截图

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

  其特性包括:

  ①保存在桌面、在线主机、或在其它的Aviary应用程序上编辑

  ②即时截图

  ③能够截取所有网页和图像的任何部分

  ④能够截取整张网页

  ⑤能够添加看得见的备注,比如箭头、文本及在你截取的图片上标出醒目符号

  ⑥裁剪截取的图片

  ⑦调整截图的大小、旋转及翻转截图

  ⑧智能选择和去除截图的元素

  ⑨从页面上获得色彩信息

  ⑩快速启动6个Aviary设计工具,包括图像、标记、矢量、调色板、效果和音频编辑器。

  2. Chrome SEO 搜索引擎优化

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

  3. Chrome Sniffer 嗅探器

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

  4. Eye Dropper 滴管

  Eye Dropper让你能够从网页或高级颜色选择器上选择颜色。

  5. Firebug Lite for Google Chrome

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

  6. IE Tab

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

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

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

  8. Lorem Ipsum Generator

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

0
相关文章