火狐浏览器插件工具-开发者工具插件（网站开发(3)

除了检测链接有效性，SLC还能显示页面分别有多少站外链接，多少站内链接，以及具体的链接URL地址，对网站不良外链检查也是很方便的。

Simple Links Counter – Firefox插件安装
https://addons.mozilla.org/en-US/firefox/addon/46365/

6.X-Ray

如果能在浏览器里看到页面内容是被那一些HTML标签所包含，是不是很直观呢，X-Ray就是这样一款工具。普通的一个网页在前端设计师们眼中，不仅是单纯的文字图片，而是各种网页标签组成的结构图，但这些画面纯粹存在于设计师们的大脑中，X-Ray提供了一个让让它视觉化的方法，尤其是在浏览别人的网站时尤其有用。

X-Ray – Firefox插件安装
https://addons.mozilla.org/en-US/firefox/addon/1802/

安装以后，浏览器邮件菜单就多了一个“X-Ray”选项。这个工具的缺点是会让页面变得很乱，不过只要研究的页面对象不是太多，还是能够应付得过来。

7.YSlow

有一个比Google Page Speed更强大网页性能优化工具，那就是YSlow，它是由Yahoo提供的页面性能评测和优化工具，YSlow也有页面性能评分，有趣的是，YSlow评分接近的两个页面，Page Speed评分却相去甚远，在实际的页面优化时，YSlow的评分并不作为重要参考，因为YSlow提供了其他更多有用的信息。它能够统计一个网页中包含的所有元素，包括图片文件、CSS文件、JS文件等，而且显示了页面的HTTP请求数，小陆认为这是页面性能优化最重要的指标之一，所以根据YSlow提供的信息进行针对性的优化，能够产生非常明显的效果。

YSlow – Firefox插件安装
https://addons.mozilla.org/en-US/firefox/addon/5369/

YSlow同样是一个Firebug平台的插件，需要在Firebug里运行。

8.Colorzilla

回忆一下我们是如何给网页配色的？首先打开图形软件（比如PS或者Fireworks等），导入页面效果图，使用软件中的拾色器取得图片上某个位置的颜色，然后将颜色的RGB或者十六进制值复制到Dreamweaver中，如果没有效果图的时候，我们还要先截图，额，这样实在太浪费时间。

除了一些常用的颜色之外，很少有人能够在看到颜色时立刻准确的说得出它的颜色值，其实有一款火狐插件能够帮你“说出”颜色值：Colorzilla能够取得浏览器中任何一点的颜色值，并且表示为RGB和十六进制值，可以非常方便的复制使用，在制作和修改页面时候大大提高工作效率。

Colorzilla – Firefox插件安装
https://addons.mozilla.org/en-US/firefox/addon/271/

9.MeasureIt

除了取色以外，精确度量页面元素尺寸也是非常重要的操作，尤其是对像小陆这样页面设计“像素派”，并且很多时候在页面调试的时候，也需要知道某些元素的尺寸以确定是否符合预留的空间。MeasureIt是一个很方便的页面测量工具，只需要拖动鼠标就能完成度量，是不是很直观？

MeasureIt – Firefox插件安装"
https://addons.mozilla.org/en-US/firefox/addon/539/