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代码有用性,不仅如此,它还能显现犯错的代码方位,并给出过错阐明和修正主张,是个十分不错的东西。
装置完结今后,在火狐阅读器右下角会呈现一个赤色的“叉”或许一个绿色的“勾”,别离表明页面无效和有用。若是在你的页面显现的是绿勾,那祝贺你,你的代码十分规范,若是有错也不必着急,双击红叉象征能够显现过错信息,依据提示逐一修正就行。
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和十六进制值,能够十分便利的仿制运用,在制造和修正页面时分大大进步作业 功率。