firefox 3.6 beta 发布

firefox 3.6 beta 发布,增加了不少上流的功能。

1. window.onhashchange 期待已久的接口,
https://developer.mozilla.org/en/DOM/window.onhashchange

2. http 行为监听,字面意思应该是允许进行一些http的监听工作,类似抓包(应该是给插件提供的接口)
You can now monitor HTTP transactions to observe requests and responses in real time.
https://developer.mozilla.org/en/Monitoring_HTTP_activity

3. 全屏视频

4. 字体支持

5. 拖拽支持文件直接拖拽

6. 图片渲染品质缩放算法 类似ie的 -ms-interpolation-mode

更多变化请看这里
https://developer.mozilla.org/en/Firefox_3.6_for_developers

不过这里没有提到真 html 5 (放弃doctype定义)的模式。

下载:
https://developer.mozilla.org/devnews/index.php/2009/10/30/firefox-3-6-beta-1-is-now-available-for-download/

Tags: Firefox

分类:Javascript | 固定链接 | 评论: 6 | 引用: 0 | 查看次数: 993

Gecko 提供 HTML5 parser 支持了

Html 5的风越挂越猛了。在firefox 3.6a1pre版本中,加入了新的 HTML5 Parser 的支持。可以预见到这将会正式出现在下一个版本的Firefox中。
 

不过HTML 5 Parser能够做什么? 简单描述一下,这可是一个大胃口的Parser. 它将有很好的向后兼容性。 能够在text/html页面上使用xml parser,而不需要使用xhtml(xhtml页面是否会从此消失呢?)。
 

有什么好处?大家都知道SVG是一个xml的数据。使用Html5 Parser我们可以不需要更改html页面的任何内容。和申请命名空间就可以在html页面上直接表现svg图像。
 

感兴趣的朋友,可以到这里找到一些范例,不过在此之前需要下载最新的午夜版firefox.并且在 about:config 中打开 html5.enable HTML5 parser的支持。

Tags: Firefox html5 Gecko

分类:Javascript | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 1999

firefox 滚动残影的bug

不知道大家有没有遇到过,当我们设置了一个固定的浮动层后。在firefox下滚动会出现一些残影的情况? 总觉得页面的表现很不流畅。而且这个情况,只出现在 firefox for win的版本(mac版的firefox不会出现)

 

先看一下下面的视频(由于截屏软件录不了这个效果,只好拿手机录了)。

查看更多...

Tags: Firefox

分类:Javascript | 固定链接 | 评论: 38 | 引用: 0 | 查看次数: 2851

跟踪浏览器重绘结果的脚本

之前在firefox 3.5上做了一个监控浏览器repaint跟踪的尝试。现在把之前的实验做成一个工具(GreaseMonkey 脚本),可以让大家跟踪页面的重绘情况。同时也能找到reflow的存在可能。

(监控 Google 搜索框的repaint情况)

 

查看更多...

Tags: Firefox GreaseMonkey repaint

分类:Javascript | 固定链接 | 评论: 4 | 引用: 0 | 查看次数: 1687

Repaint 跟踪浏览器的渲染

 

前端优化,从很久就开始了。随着研究的深入,关注的点就越来越多。最近也有不少的前端开发同学在研究浏览器的Reflow和Repaint . 引用以为Yahoo前端开发工程师的分析

 

repaint(重绘)是在一个元素的外观被改变,但没有改变布局的情况下发生,如改变visibility、outline、前景色。
"According to Opera , repaint is expensive because the browser must verify the visibility of all other nodes in the DOM tree."
当repaint发生时,浏览器会验证DOM树上的所有其它结点的visibility属性。
 
reflow(回流)是导致DOM脚本执行低效的关键因素之一。页面上任何一个结点触发reflow,都会导致它的子结点及祖先结点重新渲染。
 

查看更多...

Tags: Firefox repaint reflow

分类:Javascript | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 2286

Firefox 3.5 其中一个最大的特性就是对 worker 的支持(当然safari也支持)。workers不仅仅能够让我们未来的web APP更加MVC。同时,他的异步后端运算给web程序带来更多可能性。

到底有什么好处?来看实例更加直接一些. mozbox的Paul Rouget用模拟退火算法(Simulated annealing)给我们演示了workers的优越性。

 

1. 不了解 Simulated annealing 的可以先看看这个图形化的演示过程,了解的同学直接看第二步

查看更多...

Tags: Firefox workers

分类:Javascript | 固定链接 | 评论: 13 | 引用: 0 | 查看次数: 4315

firefox 3.1 beta3 午夜版来了

200903061407.jpg

firefox 3.1 beta3 可以下载了,根据自己的系统和语言偏好下载合适的版本吧

http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/3.1b3-candidates/build2/

Tags: Firefox

分类:Javascript | 固定链接 | 评论: 9 | 引用: 0 | 查看次数: 1759

Mozilla 表达式: __noSuchMethod__

Firefox.jpg

这是一个很特殊的方法,但是其存在的意义很大。不过很可惜只有firefox支持了。一个简单的例子解释一下它的用处

查看更多...

Tags: 容错 Firefox

分类:Javascript | 固定链接 | 评论: 4 | 引用: 0 | 查看次数: 640

ready on mobile?

release_notes_banner.png (PNG 图片, 387x167 象素) - Mozilla Firefox.jpgMozilla的手机项目Fennec推出桌面版本了,我们可以在桌面系统上测试这个浏览器对页面的兼容性

下载:“Fennec” Alpha 2 for Windows, OS X, Linux

官网: http://www.mozilla.org/projects/fennec/1.0a2/releasenotes/

测试了一下整体感觉不错,但是对flash支持不太好. 看不出来flash用了什么版本.

查看更多...

Tags: Fennec mobile Firefox

分类:Web Design | 固定链接 | 评论: 12 | 引用: 0 | 查看次数: 916

欢迎你,人类!

大家还记得FF3的机器人么。只要在FF3的地址栏里输入 about:robots  就可以知道这个机器人的一些其他信息哈。这是FF3的彩蛋哟。还有上面的重试按钮是点击无效的,嘿嘿...

Gort! Klaatu barada nikto!

查看更多...

Tags: Firefox robots 彩蛋

分类:Web Design | 固定链接 | 评论: 32 | 引用: 0 | 查看次数: 8260