zoukankan      html  css  js  c++  java
  • 15个网页设计必备的Google Chrome 扩展:

                                               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

    Window Resizer

    模仿各种协议重新调整浏览器窗口,有三种屏幕类型可供选择:

    台式机(标准,将整个窗口调整至指定大小);

    笔记本电脑(与台式机相同,但是图标不同);

    移动设备(与前两个不同,适用于指定的大小而不是整个窗口,因为移动浏览器通常没有边界)。

    写在最后

    1.你还有什么补充的吗?

    2.2010年最具创意的10大病毒视频广告一文最佳评论出炉,获得者为yumimao,送出Geekcook 50元代金券。

     
     
  • 相关阅读:
    缓存
    mybatis(ibatis)理解
    hibernate理解
    linux vi 命令
    Activity中ConfigChanges属性的用法
    sendStickyBroadcast和sendStickyOrderedBroadcast
    广播 BroadCastReceiver
    Android四大基本组件介绍与生命周期
    ubuntu14.04 开机自动运行应用程序
    Android中BindService方式使用的理解
  • 原文地址:https://www.cnblogs.com/enjoy233/p/3029256.html
Copyright © 2011-2022 走看看