常用指数：

常用指数：

• 点此下载

IE6以下版本的IE，明河就不予说明了，意义不是太大。

一.适用于IE6的hack

1.*html {}

这应该是使用最多的IE6 hack，也是明河推荐使用的hack。

*html .demo-1{
    background-color:#0CF;
}
    

在IE6下你将看到一个蓝色背景的层。

2. .demo-2{_background-color:#0CF;}

在属性名前加一个“_”，与第一种方法相比，创建更为快速，缺点是扩展性差。

.demo-2{
    _background-color:#0CF;
    _color:red;
}
    

3. .demo-3{_background-color/**/:/**/ #0CF;}

这个hack非常少用，算是一个颇为偏门的hack，在属性和值中插入二个空注释。

.demo-3{
	_background-color/**/:/**/#0CF;
}
    

二.适用于IE7的hack

4. *+html {}

最常用的IE7 hack，与IE6的*html很相似。

*+html .demo-4{
    background-color:#0CF;
}
    

5. *:first-child+html {}

不常用的IE7 hack，跟写法上过于繁琐有直接关系。

*:first-child+html .demo-5{
    background-color:#0CF;
}
    

6. .demo-6{*background-color:#0CF;}

IE7及以下都支持，在属性前加“*”。

.demo-6{
    *background-color:#0CF;
}
    

三.适用于IE8的hack

7. .demo-7{background-color:#0CF\0/;}

有点诡异的hack，在属性值后面跟上\0/;

.demo-7{background-color:#0CF\0/;}
    

四.参考资料

• Personal CSS Hacks for IE6, IE7, IE8
• CSS Tip: Targeting IE 5.x, 6 and 7 Separately
• 10 Dirty Internet Explorer CSS Hacks You Might Not know

1、YSlow

Yslow，我想明河无需过多介绍了，基本上跟firebug一样，是从事web前端开发的标配。

2、FireCookie

fireCookie主要用于弥补firebug无法查看站点Cookies的缺陷。

3、FirePHP

FirePHP可以让你通过一个简单的php函数，向firebug的控制台输出信息。

4、FireQuery

FireQuery对使用jquery的开发者非常有用，你可以在控制台上输入jquery查询语法，就可以得到完整的结果集。比如$(“img”)，控制台将打印出所有的img（你点击就可定位到该节点位置）。详细使用说明，参见其官网上的视频。

5、FormBug

顾名思义，专门用于表单调试的工具，你可以使用这个工具看到网页中完整的表单信息。

6、FireRainbow

用于高亮显示在“脚本”窗体下所有的代码，包括css、javascript、html（感谢hiro的提醒）。

7、FirePicker

这个工具用于修改style中的颜色信息时会出现完整的颜色色值表。

8、CSS Usage

专门用于检测你的css脚本的可用性，标红的即没起作用的css样式。

maxthon3从测试版到正式版不止1年时间（被maxthon的假死崩溃折磨了近一年），明河作为maxthon的忠实用户，还是对maxthon3抱有极大的期望，也试用了一段时间，关于maxthon3正式版的新特性，明河不再累述。

maxthon3的下载及其特性说明页面：请猛击这里！

今天明河重点介绍maxthon3正式版的新功能：开发者工具。
所谓开发者工具实际是来源于Chrome开发人员工具（Chrome Web Developer），是webkit内核浏览器调试前端的利器，界面如下图：

类似于鼎鼎大名的firefox的调试工具插件firebug,时间轴是其特色，但功能上相对于firebug而言，有所不如。

如何开启开发者工具？

开发者工具只有在webket内核模式下才存在，既是如下图标：

闪电的标志即webket内核，点击后蓝色的标志即IE内核。
接下来如下图操作：

你也可以直接使用快捷键“ctrl+shift+i”。就会出现开发者工具界面。

开发者工具功能详解

主要有6块功能，请看下图：

分别对应：“DOM树查看”、“页面资源”、“脚本”、“时间轴”、“单元测试”、“存储体”、“控制面板”。

1、Elements：“DOM树查看”

如何选取Dom节点查看，请看下图：

留意明河标注的黄色高亮区域，点下那图标，之后就可选取页面中的任意节点。据明河观察，其准确度有待提高，如果你选择的区域很少，经常选不到，这点明显不如firebug。
图中的三个按钮功能分别是“将开发者工具变成一个独立窗体”、“显示控制面板”、“选取”。
右侧属性列表

非常丰富的属性，包括样式、盒模型、属性、事件监听。

2、Resource：“页面资源”

默认不启动，需要你手动点击黄色区域按钮，接下来就会出现如下界面：

时间轴很漂亮，而且非常直观，信息也很全面，这是优于firebug的地方。（也是在这里查看ajax数据传输过程）

3、Scripts：“脚本”

顾名思义，专门用于调试js的地方，包括断点功能等。
（留意，次功能依赖于Resource，所以请先获取页面资源）。

有机会明河会详解，其实难度不大，跟firebug，非常类似。

4、Timeline：“时间线”

用法有待研究。

5、Storage：“存储体”

在这个界面，你可以看到页面中的cookcies和session信息。

6、Console：“控制台”

这个很好理解，用于js脚本向此面板打印相关调试信息（firebug上也有）。

关于firebug，我想无需多做说明，必备中的必备。

2. Yslow

YSlow 是由 Yahoo 所发布的 Firefox 扩展，其主要功能是依据高性能网站的标准来分析你的网页，并告诉你它慢的原因。这样，你便可以据此作出相应改进。

进行网页优化必备工具。

3. MeasureIt

这个工具对web设计人员非常有用处，如图所示，会加入一个屏幕测量的尺子，你可以很精确的对宽度和高度进行调整。

 4. HTML Validator

HTML Validator在验证html页面是否存在错误的时候非常有用处，它可以快速的寻找出错误的html代码。

 5. Aardvark

Aardvark的功能类似firebug的选择器功能，但偶认为Aardvark更强大、界面也更友好，你可以查看页面容器的盒模型，同时可以实时修改。

6. Greasemonkey

这只猴子也算是颇有名气，你可以利用这个工具，来对页面的内容进行控制，比如禁用javascript等。

7. FireFTP

FTP工具，FTP软件该有的功能它也都有了。

8. ScreenGrab

类似网文快捕的工具，当然没那么强大，你可以抓取页面的内容，包括页面上的flash。

9. Library Detector

有使用jquery、dojo等javascript库的朋友们留意了，这个插件非常有用处，安装下便知。

 10. ColorZilla

这个插件对web设计师会很有用，提供了非常多的配色方案。

原文：http://www.queness.com/post/2605/20-firefox-plug-ins-for-web-designers-and-developers

1、Net Renderer

测试不同IE版本下的页面效果。包括IE8、IE7、IE6

2、Litmus App

包含大部分浏览器的测试，但要注册，免费版的50天期限。

3、Browsrcamp

这个站点很简洁，属于我喜欢的类型。有二个有点，可以控制输出宽度和输出图片格式。

4、Spoon Browser

包含了大部分浏览器的测试

5、Browsershots

……堪称浏览器大百科，一个都没落下，够全面。

该站还有很多优秀站点展示。

1、IE6下无法显示png格式的透明信息

这个bug是众多网页设计师的噩梦，虽然可以采用gif代替，但是gif的表现力实在有限，单是阴影就无法完美显示了，这无疑给网页的表现力下了一个档次。

解决方案：

主要利用IE滤镜来解决png无法透明的问题。
接下来来看第二种解决方案：js
点此下载
上面是jquery用于解决这个bug的插件，强烈推荐！

2、IE6下遮罩层无法覆盖选择框

解决这个bug请看我之前写的一篇博文：http://www.36ria.cn/?p=395

3、IE6下双倍外边距问题

又是一个令人发指的bug，IE6下设置margin-left或margin-right，居然会自动加倍。

解决方案：

原理：关键是 display:inline; ，将其转换为内联元素。

4、:hover 只支持a，无法应用于其他元素

众所周知，在网页里面鼠标移动切换样式，是个应用非常广泛的功能，可是IE6下只支持链接，其他元素都无法使用:hover。

解决方案：JS

原理：利用jquery的特殊的hover事件

5、IE下不显示默认的垂直滚动条

解决方案如下：

功能强大。 可以显示PR，网站年龄，外链，alexa，教育网链接等等一大堆seo相关的资料

SEO for firefox 可能是目前最强大的 firefox SEO 插件了，由 seobook 出品。 SEO for Firefox 功能非强强大，安装 SEO for Firefox 扩展后打开页面，会显示非常多的该网站的资料，如 pr 值，delicious 上面的收藏数量， Technorati 反向链接情况，Alexa 排名，WhoIs 信息等几十个参数。

推荐指数：
 

2. SeoQuake

SeoQuake 曾被国内的站长称为 SEO终极完美工具，功能也是非常之强大。安装 SeoQuake firefox 扩展后可以显示 Google PR，google，yahoo和msn等搜索引擎的收录数量及反向链接等内容，而且具有很强的可定制性。

推荐指数：

3. Smart PageRank

Smart PageRank 是一个非常简单但是功能强大的 firefox SEO 工具，可以显示当前你访问页面的 pr值，alexa 排名，Whois 信息，反向链接的pr等。

推荐指数：

4. Quirk Search Status

SearchStatus 这个 firefox 扩展可以在 firefox 上显示很多 SEO 相关的数据，例如Google PR 值， Alexa 排名，Compete 排名，moz排名，Whois 信息，robos.txt 的链接地址，sitemap.xml的链接地址等。

推荐指数：

5. HTML Validator

HTML Validator 这个插件不仅仅对于网页设计人员和开发人员非常有用，还是个非常有用的 SEO 工具。HTML Validator Firefox 扩展可以让你检测 HTML 代码中的错误，从而提高网站在搜索引擎中的排名。

推荐指数：

6. SEOpen

Provides 提供了很多搜索引擎优化相关的数据，例如 google 里面的反向链接数量， yahoo 里面的反向链接数量，Google PageRank 查询， http header 检测等。

推荐指数：

7. Foxy SEO Tool

Foxy SEO Tool 是一款免费的，开源的 firefox SEO 插件，网站主可以利用Foxy SEO Tool进行网络流量和页面分析。

推荐指数：

8. Socialphile

Socialphile Firefox 扩展可以让网站主搜索社会化新闻网站的结果，同时可以站长直接提交搜索结果到社会化新闻网站，目前仅支持 Digg.com，开发人员表示将会支持更多的社会化新闻媒体网站。

推荐指数：

9. KGen

KGen Firefox SEO 扩展可以让你非常快速的指导一个网页上面密度最大的关键词是什么，对于网站主来统筹整个网页的关键词密度策略，或者与竞争对手的网页进行关键词密度分析非常有用。

推荐指数：

10. Niche Watch Tool

Niche Watch Firefox SEO 插件可以显示域名的反向链接数量，搜索引擎抓取数量，Page Rank 值等等。

推荐指数：

Tab Killer

Tab 是 Firefox 最实用的功能，可以在同一个窗口同时浏览多个页面，然而偏偏有人留恋那些没有 Tab 的日子，这个扩展会将扩展功能从 Firefox 中去除。

Take me to this URL

这个扩展在右键菜单中增加了一个“进入该部分地址”功能，可以选中部分 URL 地址，点击该菜单进入，这个功能事实上相当于 copy & paste，然而你仍然需要先选中这部分地址，点右键弹出菜单，然后点击进入（让人想起了中搜的划词搜索）。

YouTube Auto Replay

YouTube Auto Replay可以让 Youtube 上的视频不断重播，如果你想让你的机器成为一个广告亭这个扩展倒是恰得其所。

Bisby

Brisby在你浏览器窗口的右下角状态条上放置一个老鼠图标，当你的鼠标不经意经过它的时候，它就弹出一个提示消息“吱吱”，点一下就可以进入一个论坛（太高科技了）。

Beer ‘o clock

这个扩展会不时弹出消息，告诉你快到时间喝啤酒了，还会鼓励你，加油，再写4000行就可以喝一杯了。

Pimp’s Load

Firefox 正常启动时间大约1到2秒，这个扩展可以帮你延长启动时间，它显示一个自定义欢迎画面，或者一段声音（是不是很 Cool）。

Say Hi!

<!–{PS..0}–> 不要以为这是调皮孩子的恶作剧，这个扩展也是 Firefox 扩展库里面的，每次启动 Firefox 它都弹出一个消息框，和你打个招呼（我发誓，这很温馨）。

The JackassBar

这是一个工具条，有一个下拉菜单，点击后会显示一句话“你个蠢蛋”。

Fuzzy Time

这个扩展会帮你翻译时间，比如现在是上午 9:50，它会说 ten to ten，或者下午4:35，会说 Twenty five to five（如果有个港化版，或许还会说，4点7个字）。

Back to close

这个扩展的工作方是这样的，到了那些无法再后退的页，后退按钮就自动变成关闭按钮，然而在 Firefox 中关闭一个 Tab 实在是太容易了，这样多此一举的方法的最大副作用是，当你一路点后退的时候，突然退到头，你还没反应过来，这个 Tab 已经被关闭了。

Consciousness Bell

这个扩展会在你使用 Firefox 的时候没完没了地播放西藏的一种器乐，作者说这种音乐可以让人心神兼定，不过如果是在办公室，或者声音开得很大…

AmIOnMySpace?

这个扩展在每次你访问 MySpace 站点的时候，都弹出一个对话框，说你到了一个藏污纳垢的地方，要不要赶紧跑。

China Channel

这个扩展可以让你体验纽约人在北京的幸福。不多说了。

Remove Links

这个扩展非常敬业，可以将你访问的网页上的所有链接都清除掉，至于为什么要这样，谁知道。

Raed Tihs!

<!–{PS..1}–> 这个伟大而神奇的扩展，将你页面上的文字来个乾坤大挪移，任何单词都保留第一个和最后一个字母，将中间的字母任意调整位置，比如 Read This 就变成 Raed Tihs，大约相当于火星文的海外版吧。

Biorhythms

这个扩展在你浏览器到右下角显示几个表情符号，显示你当前的身体，情感和智力状况，但它是怎么算的？

Bork Bork Bork!

已经有大约20万人下载了这个扩展。它有两个功能，其一是脚本和 URL 过滤工具，其二还是一个翻译工具，它可以将你当前页上的英文翻译成木偶剧中瑞典厨子的语言。

IE8Fox

这个扩展可以让你的 Firefox 浏览器看上去象 IE8（微软的人再也不用背着人用 Firefox 了）。

Kyoote

这个扩展可以让你浏览图片的时候，随时在图片上进行恶搞。

Bacolicious