对站长和网页设计师非常有用的Chrome扩展

今天突然想和大家分享下倡萌自己比较喜欢的Chrome扩展,如果你是站长或者网页设计者,而且习惯使用Chrome浏览器,下面的扩展或许对你很有帮助。

Chrome内置的开发者工具

Chrome内置了一个不错的开发者工具,在选项 >工具 >开发者工具 可以打开(或者快捷键 Ctrl+Shift+I 或 F12)。

cmhello.com-201304113

点击右下角的图标,还可以调出一个界面,其中的“Overrides”可以将chrome模拟成其他客户端,比图iPhone、Android等,用来查看网页的效果:

cmhello.com-201304112

PageSpeed Insights

谷歌的 PageSpeed Insights analyzes,帮助你优化网站,提高网页加载速度。

如果你安装了 PageSpeed Insights,在选项 >工具 >开发者工具 可以打开(或者快捷键 Ctrl+Shift+I)“开发者工具”,点击“PageSpeed”切换到它的界面。

cmhello.com-201304114

遗憾的是,倡萌测试总是提示错误,说什么要设置电脑至少 1 G以上的虚拟内存空间才可以,设置了还是不行,郁闷的很。只好暂时不用这个。以后再试试网页版的。

Resolution Test

一个专门检测网站在不同分辨率窗口下的效果,可以将浏览器窗口快速调整到选择的大小。对于制作感应式网页,还是非常有帮助的。

cmhello.com-201304107

浏览器兼容性检测工具

检测网页兼容性问题。由 Google Chrome 项目组发起。

cmhello.com-201304119

YSlow

这个工具大家都非常熟悉了,给网页优化评分,帮助你优化网站。

cmhello.com-201304118

Web Developer

这个扩展也是非常有用的,可以用来禁用某些网页元素,比如js、cookie等,方便进行调试,还可以进行快捷验证网站的css和html等级:

cmhello.com-201304117

此外,它的Resize功能也非常棒,支持设置不同分辨率,然后查看网站的效果,预设了常见的客户端分辨率,还可以自己添加或删减

cmhello.com-201304116

Firebug Lite

这也是很常用的调试工具,本来是专门为Firefox制作的,后来迁移到Chrome,可惜进行了精简Firebug Lite ,没办法实现在Firefox的所有功能。

拓展阅读:初识Firebug(HTML查看和编辑、Javascript控制台、网络状况监视器)

cmhello.com-201304111

SEO in China

史上最给力的Chrome SEO扩展(没有之一)! 一键显示网站各种seo数据,各种竞争分析.chrome迷、SEO达人必备利器! 国人制作的扩展,完美符合中国大众!作者网站

cmhello.com-201304110

该作者的其他扩展:

HTTP状态检测 1.1

快速显示当前页面的http状态,301?302?404?200?503? 在你的地址栏中,一目了然!

检测nofollow链接 1.0

将网页上带有nofollow属性的链接用红色虚线标示出来。看网页上的链接是否带有nofollow属性,一目了然!更加方便的分析竞争对手seo链接状态。

cmhello.com-201304121

 

Page Ruler

一个页面标尺扩展,可以显示所选区域的宽度、高度,上下左右的距离。

cmhello.com-201304109

ruul. Screen ruler

透明的标尺扩展,快速打开一个标尺,让你随意丈量网页哦

cmhello.com-201304108

Eye Dropper

一个取色扩展,可以从网页取色、从颜色拾取器取色,支持保存取色历史。对于快速查看网站的颜色属性非常方便。

chrome-Eye-Dropper-cmhello.com

Read Later Fast

保存页面稍候阅读 -- 离线或者在线的, 快速的!Read Later Fast目前使用Diigo.com提供的云储存服务,你可以从任何一台电脑或智能手机访问你的书签。所以同步以后,及时重装系统或Chrome,都不用担心丢失这些还没有阅读的文章。

倡萌一直用来临时保存发现的好文章,等有时间了,在仔细查阅。也会把打算写文章分享的东西临时保存到这里,写了文章后就删除,可以说是我的一个临时资料库吧。

cmhello.com-201304120

一个小建议

使用你的Gmail邮箱登录Chrome浏览器,同步保存你的所有设置(包括扩展、标签等),这样即使重装系统或Chrome,只要重新登录,一切原有的资源都回来了!

好了,今天就介绍这些,如果你也有好的Chrome扩展或技巧,欢迎和我一起分享哦!

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

最后编辑于:2013/8/8作者: 胡倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

30 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. 美好希望说道:
    25#

    博主网站设计很漂亮啊,目前我也在学php,争取作出漂亮主题,向您学习了

  2. 大喇叭说道:
    24#

    都是好东西啊啊... :eek: :eek: :eek:

  3. 说道:
    23#

    阿原来F12里还有设置UA的功能。。 学习了~

  4. 求大神ps说道:
    22#

    收藏了,真的很有用。呵呵 :roll:

    • 倡蒙的粉丝说道:

      test

      • 倡蒙的粉丝说道:

        看看可以盖几层~

        • 倡蒙的粉丝说道:

          看看可以盖几层~啊

    • 倡蒙的粉丝说道:

      看看可以盖几层~啊啊啊

  5. 那时年少说道:
    21#

    :arrow: 有没有推荐一些firefox下的插件

    • 胡倡萌说道:

      很少用firefox,还是你自己找找吧

扫一扫,用手机访问本站

扫一扫,用手机访问本站