因为这还是个进行中的项目，实际的资料也不是很多，我这里也只是简单的介绍下，详细的内容等今年Q1或者Q2吧，预计到时候会有实质性的进展。

简介：

• 设备启动后直接进入浏览器(Firefox的内核Gecko)
• 完全支持HTML5
• 基于Android底层，嗯，Linux 内核+驱动层，仅此而已
• UI和所有功能都用Gecko实现
• 也就是说，浏览器可以完全访问和控制设备的硬件！
• 基于上一点，Mozilla在和W3C device APIs工作组编写一些需要用到的api，比如：电池状态、短信、联系人、电话、媒体捕获(摄像头、话筒等)、网络信息、处理器、各种传感器等。

也就是说，B2G是一个基于浏览器的操作系统，你可以在它上面打电话、发短信、视频聊天、玩各种游戏，而这些功能，都是用HTML5来实现的。。。

显然，这是一个类似Chrome OS的项目，只是B2G针对移动终端，而Chrome OS目前还只是在上网本。。。

展望：

是的，最关键的是W3C的各种Device APIs，它们是B2G的基础，但是，也可能会让B2G死掉，因为，后面很容易就会有Boot to Webkit、Boot to Trident、Boot to Presto，甚至会有Boot to QQ。。。真的这样的话，Mozilla就又成先驱先烈了，悲催～～

当然，即便没有这些 Boot to xxx，我们也可以在移动终端的浏览器中实现所有B2G中的功能，你可以在浏览器里面打开Google contact然后直接打电话发短信，打开web QQ直接和好友视频(现在webqq的视频聊天功能还需要插件支持，而且不支持mobile)。。。

web app真正的春天，就要来了吗？

活动时间：2012年1月7日（下午1:30pm – 5:00pm）

活动地点：深圳市南山区高薪中一路腾讯大厦2楼多功能厅

活动内容：

• Firefox 及移动版新特性演示
• HTML 5特性介绍
• Javascript 开发技巧

另外，据说这次还会有专门介绍Mozilla最新的B2G技术，这个好期待～～

总之，作为前端和针对移动设备的开发者，能够直接听到/看到Firefox官方的技术介绍和讲座，是个很不错的机会吧，貌似会上会有各种礼物赠送大家不要错过哦～～

报名传送门：新版 Firefox 体验活动[深圳站]

是的，Firefox动作快了起来，现在只有某IE浏览器还保持着上个世纪的版本发布模式了。Firefox 6才刚刚beta，但是7已经alpha了，虽然它可能到年底才会正式release。那么就看看有什么新的技术值得我们关注吧。

更快的JavaScript解析

据说速度会是现在的两倍。

HTML

1. 去除HTMLHeadElement的profile属性
2. 去除HTMLImageElement的x和y属性
3.  HTMLSelectElement 的add()方法中的before参数现在是可选了。

Canvas

1. 对setTransform(),bezierCurveTo(),arcTo()指定非法值时不再抛出异常，无视了；
2. 用0宽或高调用strokeRect时可以正确的不处理了；
3. 使用0值调用drawImage时，抛出一个INVALID_STATE_ERR异常；
4. toDataURL()方法现在接受第二个参数来控制JPG的质量。

CSS

1. 开始支持text-overflow(终于盼到这一天了 T_T)
2. 修正-moz-orient属性，从而垂直的progress元素可以正确的显示了。

DOM

1. File界面的非标准方法getAsBinary(),getAsDataURL(),getAsText()和非标准属性fileName和fileSize不再支持；
2.  支持FileReader的readAsArrayBuffer()方法；
3. document.createEntityReference被移除，它从来没有被正确实现，在其它浏览器中也没有被支持；
4. document.normalizeDocument被Node.normalize替代；
5. 如果index出界的话，DOMTokenList.item将返回undefined，之前返回null；
6. Node.getFeature被移除。

JavaScript

1. Function.arity()函数被Function.length替代；
2. JSON计数器被重写了，提高了速度。并修正了bug 572279。

导航计时(navigation timing)

网站的性能越来越重要了。这个功能可以让开发人员更有效的监控网站的前端性能。该技术通过window.performance.timing对象实现，开发者可以通过 navigationStart,connectStart/End,responseStart/End,domLoading/Complete等来跟踪网站加载中每个步骤花掉的时间。详细请查看W3C的规范。

减少内存占用

貌似Mozilla真的要发力解决Firefox内存占用的问题了，期待吧。

其它

Firefox Mobile支持webSockets

PS:很赞Firefox和Opera每次发布新版本都会告知新功能的做法。

Firefox 5 新特性：

1. 支持CSS3动画，比如transition和keyframes等，需要-moz-前缀；
2. 所有元素支持accessKey属性，以及blur()、click()、focus()等方法；
3. 不再支持UTF-7和UTF-32字符集；
4. android版支持WOFF字体；
5. canvas大量改进：
   1. canvas 2D支持设定一个ImageData对象作为createImageData()方法的输入；
   2. 给CanvasGradient的方法addColorStop指定一个无限值时，返回INDEX_SIZE_ERR，而不再是SYNTAX_ERR；
   3. HTMLCanvasElement的toDataURL()方法在匹配前可以正确的转换指定的MIME类型为小写；
   4. 调用creatRadialGradient()时，如果指定负值，现在会正确的返回INDEX_SIZE_ERR；
   5. 为translate()、transform()、rect()、clearRect()、fillRect()、strokeRect()、lineTo()、moveTo()、quadraticCurveTo()、或arc()设定非法值将不再抛出异常，而是会被无视；
   6. 为rotate和scale设定非法值会被无视；
   7. 为shadowOffsetX、shadowOffsetY或shadowBlur设定非法值会被无视；
   8. 其它bugfix。。。
6. DOM大量更新
   1. selection对象的modify()方法做了调整，选中文本中将不再包括连续空格，从而与webkit的行为保持一致；
   2. window.setTimeout()方法在交互tab中做了限制，每秒钟最多发送一次timeout，并且嵌套的timeout的最小值follow了HTML5的规范 4ms——之前是10ms；
   3. 类似setTimeout，window.setInterval()方法在交互tab中每秒钟最多一次限制；
   4. XMLHttpRequest支持loadend事件来处理监听器；
   5. Blob和File对象的slice()方法被去掉，取而代之的是mozSlice()；
   6. window.navigator.language通过HTTP头的Accept-Language来检测。

更详细的更新内容可以查阅：http://hacks.mozilla.org/2011/06/firefox5/

Firefox 6 新特性：

1. 支持progress元素；
2. 增加window.machMedia()方法以匹配CSS3的媒体查询；
3. 二进制数据API增强，包括XHR2和FileReader等；
4. WebSockets回归；
5. CSS text-decoration支持 -moz-text-decoration-color,-moz-text-decoration-line和-moz-text-decoration-style子属性；
6. 在交互的tab中，setTimeout和setInterval会延迟更多；
7. onhashchange时间新增newURL和oldURL属性；
8. 实现了beforeprint和afterprint事件；
9. 事件新增defaultPrevented属性，以判断event.preventDefault()方法是否被调用；
10. element.dataset属性可以用来获取或者修改HTML元素的”data-”前缀属性；
11. DOM3 CustomEvent规范实现；
12. 清除浏览器cookie的时候也会清掉Flash的cookie。

当然，Firefox6最终可能会有变数，这里仅供参考。更多内容可以查阅：http://hacks.mozilla.org/2011/05/aurora-6-is-here/

Net面板

Net面板就是Firebug中的net tab，中文应该叫“网络”？它可以监控页面中的HTTP请求，然后将收集到的信息展现出来。当然，要使用这个功能，你要先点击Net字符右边的小三角将它启用。

PS：我这里的环境是Firefox 4+Firebug 1.7，旧版本的界面可能会稍有不同。

它会将页面中所有的请求/相应的完整过程整理好列出来。

上面的截图显示，前端观察首页的页面请求概况：共9个请求，每一个条目都包含相关资源一些信息：

• 请求类型(GET|POST)
• 请求地址(鼠标悬浮在URL列上时会完整显示)
• 状态及其描述(200 ok)
• 所属域名
• 资源大小
• 图形化的时间线

最底部一行会显示一个简单的统计信息。

请求/响应详情

点击url前面的+按钮后，该条目就会展开，显示该请求的详细信息：

可以看到这里有几个tab：

• headers：请求/响应的HTTP头
• response：从服务器返回的数据
• HTML：HTML响应的预览(只有HTML格式的请求才会显示)

headers

从上图中可以看到，headers部分会展示两个信息：响应头和请求头，分别包含着一些信息，需要注意的是，请求头中包含了User-Agent信息和Cookie值。记得之前有个Firebug的扩展叫Firecookie，现在的Firebug展示了这些信息，这个扩展基本上就没有用了。

PS：貌似之前有个Firefox的插件叫Live Http Header的，嗯，功能基本上也被Firebug集成了。

Response

响应tab显示请求后从服务器返回的数据，嗯，和响应头是不一样的，这里回事一些纯数据，如果是text/*类型(content-type)就会显示原始代码文本，如果是image/*类型，会直接显示相关图片。

浏览器缓存

如果请求的资源使用了缓存，那么这里就会多出一个cache的tab：

post|put请求

如果请求会发送一些数据，这里将会出现另一个tab：

URL参数

如果页面请求中包含一些参数（查询字段），则会有一个Params的tab在前面：

json

如果请求是Json，那么这里会有json的tab，采用弹性分层的结果展示详细的数据：

时间线

firebug的时间线以瀑布图的形式展现，很直观，而当你把鼠标悬浮在时间线上的时候，就会弹出该条时间线的详情的tips，这个tips包含5个阶段和2个事件：

• DNS Lookup：DNS查询时间
• Connection：创建一个TCP链接花掉的时间
• sending：向服务器发送请求需要的时间
• Waiting ：等待服务器响应
• Receiving：从服务器获取文件消耗的时间
• DOMContentLoaded： 事件，DOMContentLoaded事件完成的时间（从请求发起时开始，如果这个时候事件已经完成，这里就可能是负值）
• Load：事件，页面load事件完成的时间（从请求发起时开始，如果这个时候事件已经完成，这里就可能是负值）

最上面一行，+859ms started表示前面的请求花掉的时间。

该案例的解读：

• 黄色的tips中，每一行都包含两个数字，前面的表示该阶段发起时在该请求中的时间点，第二个是该阶段花掉的时间，比如，图中，前三行花掉的时间都是0，所以，waiting阶段，左边的数字就是0，而右边是自己花掉的时间409ms，那么在下一个阶段，左边的时间就是前面的时间的和——409ms。
• 在这个请求开始后6.87s时，DOMContentLoaded事件完成。
• 在这个请求开始后8.43s，load事件完成。

深入了解：

从这个截图，我们可以看到以下信息：

• 第一个请求在2.65s时完成，第二个在1.52s…等
• 从第一个请求到最有一个请求，花掉了共6.96秒时间
• 从第一个请求到load事件完成，花掉了6.97秒钟的时间

插图版解释：

因为DOMContentLoaded和load事件花掉的时间可能是负值，也就是在事件在请求完成之前就完成了，两者都可能是负值，而通常最后一个请求完成于load事件结束之后，所以，通常右下角onload的时间会比总时间少。

然后或许从最后这里能找到一些页面优化的点，希望高人能给予指点。

参考资料：

• Introduction to Firebug: Net Panel
• Firebug Net Panel Timings

一、界面改进

正如之前泄漏出来的概念图一样，Firefox最终大刀阔斧的改变了自己的界面：

这个界面确实变的简洁漂亮了，我个人也很喜欢它的某些细节，但是结构和Chrome/Opera的相似性，让我不得不担心，是不是将来主流的浏览器都要采用将tab放到上面并隐藏工具栏的布局了，所以，如果将来IE 9正式版出来的时候也是这样的布局，大家不要意外呀～～～

二、性能提升

Firefox 4改进了很多方面的性能，比如DOM和CSS渲染、JS引擎、以及部分硬件加速，据说可以更快的处理更复杂的DOM和CSS选择器。据Zimbra的性能测试，Firefox 4性能比之前版本提升了两倍。

三、HTML 5

Firefox 4加入了一些HTML 5特性的支持，包括HTML 5表单和一些标签，比如article、section、nav、aside、hgroup、header、footer等，但是根据这个页面显示的状态，Firefox 4对HTML 5表单的支持还很鸡肋。

四、HTML 5 parser

Firefox 4是“第一个完全支持”HTML 5 Parser的浏览器，这使得Firefox 4可以在HTML代码中嵌入SVG和MathML。

五、HTML 5视频

Firefox 4开始支持WebM视频格式

六、CSS

• 这个beta版本的Firefox几乎完全支持CSS transition
• 可以使用-moz-resize定义textarea元素是否可伸缩
• 支持CSS3 calc属性
• 原生支持CSS 3的背景大小属性，-moz-background-size属性直接改名为background-size，私有属性将不再支持
• 支持-moz-image-rect属性来显示背景图片的一部分

七、其它

当然还有一些其它方面的增强，包括JS和DOM Event的增强，感兴趣的同学可以查看http://hacks.mozilla.org/2010/07/firefox-4-beta-1-is-here-whats-in-it-for-web-developers/

另外，由于Firefox 4 更换了插件引擎，所以之前的插件基本都不能用了——不知道Mozilla的那些家伙是怎么想的，3.5还是3.6的时候就更新过一次引擎，导致之前的插件全部要重写，现在又这样做，这让插件开发者和我们这些使用者情何以堪啊，不过，这次貌似可以暂时曲线解决旧插件的问题的。

各大网站已经对Firefox 4 beta 1进行了一系列的测试，结果显示它与Chrome和Opera等还有一些差距，不过我在html5test.com上做了下测试，在Windows xp系统中，Firefox 4 beta 1拿到了189分的高分，这的确是一个很不错的成绩。

从上面列出的新特性以及IE 9 pre版的一些新特性可以看出，浏览器厂商都开始在HTML 5方面发力，但是到目前为止没有一个浏览器完美的支持HTML5，但是我们可以考虑在自己的项目中适度的使用HTML5的特性了。标准的实现需要时间，但是理想化的标准是不存在的，我唯一期望的是各个浏览器对HTML 5和CSS 3的标准支持不要有太大的差距。

另外，Firefox 4 beta 1开始引入硬件加速了，mac版的safari也有一些硬件加速功能，IE 9的硬件加速让其性能大增——这或许会是另一个趋势吧，毕竟浏览器能做越来越多的事情了，而速度和性能也是赢取用户的最重要的因素。

无论如何，虽然我个人对Firefox期待更多，但是这次确实是一个不小的改进，让我们期待Firefox 4的正式版发布吧。

一个非常好的消息是，现在Chrome 最新的4.0版本已经支持GreaseMonkey脚本了，当然 chrome 5.0 dev版本也支持它，如果你在使用这两个版本的Chrome（包括PC和Mac版），可以立刻访问http://userscripts.org 获取超过40000个脚本了。

如果你还不太了解GreaseMonkey，可以查看wiki百科的介绍，或者查看可能吧的《8个优秀的Grease Monkey脚本推荐》和Crazy Software的 十大油猴脚本推荐，当然，优秀的GreaseMonkey脚本有很多，如果你遇到比较好用的脚本，一定要与我们分享哦～～

另外，GreaseMonkey的管理和普通的Chrome扩展一样方便，都可以在Chrome的扩展面板( chrome://extensions/ )禁用和卸载。

根据mozhacks以及其它一些国外twitter网友提供的信息，基本可以确定这是因为YSlow插件的问题。我自己在将YSlow卸载或退回到2.0.4版本之后，就没有再遇到崩溃的问题了。

所以遇到Firefox 3.6崩溃的问题的同学可以暂时卸载它或者退回到较早的版本。

UPDATE：貌似最新的YSlow 2.0.6版本已经修正了这个问题。

如果还有问题，欢迎反馈。

其实，我们之前已经简单介绍了Firefox 3.6可能带来的新特性，而正式版中基本上把这些新特性都实现了。查看Firefox 3.6的新特性

推荐一下关于Firefox 3.6的资源

1. 一个文件拖拽上传demo
2. 关于WOFF字体，推荐看一下这个介绍。另外，typekit开始支持WOFF字体了。

目前来看，Firefox 3.6的确快了一些，Mozilla在发布它的时候说，它是目前最快的浏览器，在之前的测试中，也略快于Chrome 4.0 dev。另外，目前还有些插件不能支持Firefox 3.6，你需要在插件支持和新版体验当中做点儿取舍。

下载Firefox 3.6

新版的Firebug 1.5有一些很不错的功能：

• 增强的元素查找器
• 更精确的NET面板计时
• HTML 变化中的断点
• 右侧栏中的布局子面板中添加z-index和position属性
• 支持MathML和 SVG名字空间(同时可查找和编辑)
• XHR中断
• 增强的 HTML 编辑
• 控制栏和Net栏中添加Persist 按钮
• 独立的计算过的 CSS和 Style子面板
• 很多很多bug修正和稳定性增强

当然还有很多其它的改进，查看Firebug Release Notes以了解全部更新细节。

下载或升级你的Firebug：https://addons.mozilla.org/en-US/firefox/addon/1843/

同时请注意，Firebug1.5 不支持Linux上的64位Firefox。