1. Firebug
Firebug是开发人员们宠爱火狐阅读器的一个重要原因，Firebug是火狐阅读器上一个集成式的强壮调试环境，许多调试运用插件都 有必要依据Firebug渠道，包含下面会介绍到了一些Web测验和调试东西，所以Firebug能够说是每一个Web描绘开发人员必备的东西。
依照提示装置到Firefox中之后，在阅读器底部状态栏就能够看到Firebug的图标，点击之后弹出firebug调试窗口，这里面有除了Firebug本身的东西外，其他选择性装置的Firebug渠道插件的调试进口，比方Page Speed等。
2. Page Speed
Google于本年4月承认将网页加载速度作为排行要素之后，站长们对页面功用愈加注重。其实无论是对SEO而言，仍是对用户体会而言，进步页面的加载速度都适当重要。Google也供给了这枚检测页面加载速度的东西。
Page Speed插件是依据firebug渠道的火狐插件，它为每一个页面进行加载速度评分，不仅如此，更供给了优化主张，因而，有改善网页加载功用的页面优化人员，这个东西是十分的有必要。
装置今后，Page Speed就会呈现在Firebug窗口中，能够为阅读器的当前页面检测加载功用，点击Page Speed界面中的“Analyze Performance”按钮履行剖析，Page Speed会为剖析的页面进行评分，满分100分，评分当然越高越好，不过优化的方针大约是到达85分以上。
3. Web Developer
从这个东西称号大约能够大约猜到它的用处，没错，这是一个集许多页面测验功用于一身的强壮火狐插件，能够查看CSS过错和Cookies 信息，设置杰出显现表格、Heading、图像URL等简直一切页面元素，这对页面调试十分有用，特别当页面布局十分复杂的时分，这些东西能够让你疾速找 到特定元素的散布。
小陆平常很喜欢用这个东西来查找页面的实效图像，由于在火狐里，实效的图像不会像IE那些显现小红叉。
装置今后作为一个东西栏呈现在阅读器中，如下图：
4. HTML Validator
网页契合W3C规范十分重要，一方面是为了让页面能够跨阅读器兼容，另一方面也是为了让搜索引擎能够顺畅的抓取和了解你的页面。一切让页 面经过W3C校验是网页优化作业很重要的一方面，运用HTML Validator能够高效的检测页面的HTML代码有用性，不仅如此，它还能显现犯错的代码方位，并给出过错阐明和修正主张，是个十分不错的东西。
装置完结今后，在火狐阅读器右下角会呈现一个赤色的“叉”或许一个绿色的“勾”，别离表明页面无效和有用。若是在你的页面显现的是绿勾，那祝贺你，你的代码十分规范，若是有错也不必着急，双击红叉象征能够显现过错信息，依据提示逐一修正就行。
别的值得注意的是，HTML代码的有用性仍是要以W3C官方的校验为准，小陆在运用此东西过程中发现它的校验规矩跟W3C规范有些十分纤细的不同，不过大多数时分仍是共同，若是不放心，请运用W3C Markup Validation Service承认验证。
5. Simple Links Counter
在网站保护的时分，连接的有用性检测是一个让人头疼的作业，页面中繁复的连接着实让保护难度倍增，能够一次不谨慎的批量查找交换让许多链 接犯错，这个过错是老板和用户都无法忍受的，一切关于这个疑问，特别要倍加当心。SLC（Simple Links Counter）能够自动检测页面中的连接是不是有用，你能够会说Dreamweaver里也有连接查看，没错，DW自带了连接查看功用，不过DW的检测仅 限于站内连接，对站外连接便力不从心。
除了检测连接有用性，SLC还能显现页面别离有多少站外连接，多少站内连接，以及详细的连接URL地址，对网站不良外链查看也是很便利的。
6. X-Ray
若是能在阅读器里看到页面内容是被那一些HTML标签所包含，是不是很直观呢，X-Ray即是这样一款东西。一般的一个网页在前端描绘师 们眼中，不仅是单纯的文字图像，而是各种网页标签组成的布局图，但这些画面朴实存在于描绘师们的大脑中，X-Ray供给了一个让让它视觉化的办法，特别是 在阅读他人的网站时特别有用。
装置今后，阅读器邮件菜单就多了一个“X-Ray”选项。这个东西的缺陷是会让页面变得很乱，不过只需研讨的页面目标不是太多，仍是能够敷衍得过来。
7 . YSlow
有一个比Google Page Speed更强壮网页功用优化东西，那即是YSlow，它是由Yahoo供给的页面功用评测和优化东西，YSlow也有页面功用评分，风趣的 是，YSlow评分挨近的两个页面，Page Speed评分却相去甚远，在实践的页面优化时，YSlow的评分并不作为重要参阅，由于YSlow供给了其他更多有用的信息。它能够计算一个网页中包含 的一切元素，包含图像文件、CSS文件、JS文件等，而且显现了页面的HTTP请求数，小陆以为这是页面功用优化最重要的目标之一，所以依据YSlow提 供的信息进行针对性的优化，能够发生十分显着的作用。
YSlow同样是一个Firebug渠道的插件，需要在Firebug里运转。
8. Colorzilla
回想一下咱们是怎么给网页配色的？首要翻开图形软件（比方PS或许Fireworks等），导入页面作用图，运用软件中的拾色器获得图像 上某个方位的色彩，然后将色彩的RGB或许十六进制值仿制到Dreamweaver中，若是没有用果图的时分，咱们还要先截图，额，这样实在太浪费时间。
除了一些常用的色彩之外，很少有人能够在看到色彩时马上精确的说得出它的色彩值，其实有一款火狐插件能够帮你“说出”色彩 值：Colorzilla能够获得阅读器中任何一点的色彩值，而且表明为RGB和十六进制值，能够十分便利的仿制运用，在制造和修正页面时分大大进步作业 功率。
没有评论:
发表评论