8个Web设计师必备的Google Chrome插件

8-google-chrome-extensions

2008年9月,Google发布了自己的浏览器Chrome,在两年不到的时间里,Google Chrome成为了位于IE和Firefox之后市场占有率第3高的浏览器。另外,不到两年的时间里,Google Chrome浏览器的版本已经升级到了6.0(Dev版本),堪称地球上升级速度最快的浏览器。自从4.0的版本开始支持插件后,Google Chrome发展的更快,插件越来越多。其中包括不少能够帮助Web设计师提高工作效率的插件,为此我特意挑选了8个作为推荐。

IE Tab

8-google-chrome-extensions-ietab

如果你用过Firefox,那么你肯定对IE Tab再熟悉不过了。同Firefox版本的IE Tab一样,Chrome版的IE Tab也是显示IE下的效果,但是功能上要比Firefox版的少了不少,但是最核心的功能还是保留下来了。

Web Developer

8-google-chrome-extensions-webdeveloper

熟悉吧,这个也是Firefox上的版本移植过来的,功能基本和Firefox版本的没有差别。同样可以修改HTML,CSS等信息。

Firebug Lite

8-google-chrome-extensions-firebuglite

大名鼎鼎的Firebug也出Chrome版本了,注意这里是Lite版本,也就是说相比Firefox中的Firebug,Chrome里的Firebug是精简版的,保留了大部分功能但是还是少部分功能没有实现。有总比没有好,再说功能也基本足够用了。

Pendule

8-google-chrome-extensions-pendule

这个插件类似于Web developer,同样都是修改页面的,功能上没有Web Developer全面,但是也还有一些自己独特的功能,比如在GET与POST方式中转换。

jQuery Shell

8-google-chrome-extensions-jqueryshell

顾名思义,这是个jQuery的命令行工具,可以通过编写jQuery代码来对页面进行调试,相当的方便!jQuery是世界上使用率最高也是最受欢迎的JavaScript库。

Eye Dropper

8-google-chrome-extensions-eyedropper

这是个拾色器插件,可以直接在调色板中选取颜色。光有这样还不够,如果只能这样的话还不如在Photoshop中调色。Eye Dropper可以从网页中拾取颜色,这样就很方便的从网页中获取到颜色值。

Chrome Sniffer

8-google-chrome-extensions-chromesniffer

这其实是个探测器,用于测试网站使用了那些平台或者库。这里我打开了jQuery的官方网站,于是地址栏中的图标就显示了这里采用了jQuery库和Google Analytics。

Webpage Screenshot

8-google-chrome-extensions-webpagescreenshot

顾名思义,这是个截取网页截图的工具。可以选择截取可见区域或者是网页的全部区域,功能类似于Firefox中的Screengrab扩展。

以上都是我个人的经验总结。相比Firefox的扩展,Google Chrome的扩展数量和质量都有所欠缺,不过这不是问题,凭借Google的号召力,这些问题很快就能解决。但是Chrome的优势在于安装插件迅速,而且不用重新启动浏览器。

5 Comments

  1. 都很不错
    但Firebug Lite。。太差了,还比不上自带的审查元素
    其实本质上只是个js,所以浏览器都可以用的

    Reply

Leave a Comment.