[Browser戰報] Firefox 5 Release

在別的Browser在集氣的時候Firefox 5 Release了 (灑花)，自動更新可以抓到~

幾個重要的Change

• CSS3 Animation - 簡單來說是Safari有甚麼他就有甚麼~不過3D Transformation還是沒有orz
• Memory - 大改善。Leak少了很多
• HTTP - 不再Send Keep-Alive，可能有某些東西會broken....

其他改動都在Canvas和WebGL方面。另外setTimeout和setInterval有變動不過一般情況下不影響 [詳細變更]

碎碎念: FF4作為一個major release 真是有夠短命的...

Browser戰報: FF4 即將RC 、Chrome 10、M$要殺IE 6?!

[Firefox]
2月25日Firefox4 出了Beta 12，基本上UI已經變得比較可用(也就是十分Chrome...)，沒有Blocker而Roadmap也顯示下一版是RC...

另外有網友在mozilla FTP找到b13和RC的link，不過Release只到b12，看來是決定不了出RC還是b13?

(別再來beta 99這種事了，囧)

[Chrome]
Chrome 10 Beta了，至於加了甚麼....基本上是感覺不到 [Release Note]

[IE]
上個周未最爆的事: 連M$也叫大家別用IE6了 ，推出了IE 6 Countdown這個網站，希望全世界的IE6使用率在1%以下
(天音: M$終於自己也受夠了嗎...)
然而看圖就知道，大中華地區路途遙遠....
(甚麼時候IE 7和8也可以countdown呢...)
p.s. 1 另外有人弄了個Until IE6 is dead的網站來給IE6倒數...
p.s. 2 有人點中了M$死穴－真正的IE6 countdown不是升級IE 8，而是改用和核心獨立又有硬體加速的FF、Opera、Chrome，於是intranet繼續正常運作但Internet受惠大眾升級 [source]

Browser戰報: IE9 RC及FF4 beta 11

IE9 RC
M$這回沒跳票了，這一轉加的東西不多:

• Geolocation
• CSS3 Border-image
• Web Worker
• CSS3 text-shadow
• offline web app (appcache)

[Source]
完整的新功能見Internet Explorer 9 Guide for Developers
(*2D Transformation和WebM也有了，UI向FF/Chrome/Opera看齊...不過個人感覺是十分的Chrome...)
另外有人反映font-rendering有sub-pixel，會好看一點?
(CSS3 Multi-column、pushState沒影，history API只有onhashchange...)
[Download]

=========
問: 有甚麼是比同時支援 IE 6、7、8慘?
答 1: 同時支援 IE 6、7、8、9 !
答 2: 同時支援 IE n, ∀n∈R. (by @kelvw)
=========

FF4 beta 11
Bug Fix為主，不過Firebug和一堆addon在這一版掛了...[Release Note]
p.s. FF4有Paste & Go了，Yo!

HTML5/Browser戰報: HTML沒版號及其他...

HTML5
HTML沒版號: Living-Standardize?
WHATWG:HTML is the new HTML5
2012後WAHTWG會把HTML轉Living Standard，下一版的HTML沒有版本號
HTML5 vs. HTML – Jeffrey Zeldman Presents The Daily Report
Standard大師，Jeffery Zeldman對此事的感想－至少CSS3分出來是好事...

<video>
HTML5 and Web Video: Questions for the Industry from the Community - IEBlog - Site Home - MSDN Blogs
M$出H.264 plugin給chrome，搞啥...?

隱憂1: webM開始有patent pool形成[1][2]，就算有FSF給背書也是官司連場...
隱憂2: H.264本身問題其實不少，有developer聲稱照足spec做仍是會fail
隱憂3: H.264授權是貴死人沒命賠的那種
video這片仍然有很多問題。不過已經有人做出一些很瘋狂的事出來了

WebForm
new form features in html5
Opera又加feature了: 這次連color-picker也搞出來了...

Accessibility
http://html5accessibility.com/
全軍覆沒，一如<audio>... [Spec]
(不過<audio>其實還算是可以用的...)

相關技術
WebGL
gl64k
和js1k相似的比賽，come on 3D programmer!
Exporting video from WebGL
把WebGL輸出video，不過仍需server (node.js + ffmpeg)

瀏覽器大戰
Firefox 4, 5, 6 and 7 to be released before the end of 2011
繼Chrome後FF加入版本號競賽，一年跳(票)三個版本...

微軟將在2月10號公布IE9最終預覽版
IE9 RC，2月10日。CSS人可以先看M$官方的CSS相容性列表...

Mobile browser shares 4/4
Mobile browser戰場系列: 常識(webkit天下)是管用，不過不管Opera明顯是個bad idea...

FF4 beta 7

Firefox 4 Beta

Beta 7終於出來，有新的JägerMonkey，硬體加速、WebGL和一大堆東西....來下載吧!

p.s. UI的改動可以參考這篇

HTML5/Browser戰報: Adobe HTML5 Tool、Silverlight、w3c html5 test、mobile戰場開打

本文其實是三篇合一篇...

Browser戰報: Chrome大躍進及IE二三事

Chrome
Chrome 7 released，Chromium的版號升為9，正宗的「超IE趕Opera無視Firefox和Safari」

p.s. chrome 7的硬體加速沒開，有心試的人可以照這篇教學做。
其他可用options:
-enable-accelerated-compositing -enable-gpu-rendering -enable-video-layering -enable-webgl -enable-accelerated-2d-canvas -enable-fastback -enable-aero-peek-tabs

*1 XP可能有問題
*2 其他OS把 "-enable" 改成 "--enable" 再append到chrome的path就成

Firefox
Firefox 3.6.11 & 3.5.14 released，有相當數量的安全性更新
*今天(2010/10/25)的arewefastyet.com出現了FF4 nightly在sunspider小勝chrome和safari的景象 [有圖有真相]
(thx @bcse)

Opera
Opera 11 alpha released，有add-on可以玩了

Safari
...這次沒他的份

IE
本篇主角，話有點多。
1. IE 9對CSS3的支援令人絕望是有原因－“The problem with Microsoft is they just have no taste. They have absolutely no taste.” [Why Microsoft Always Fails with IE]
說白點M$那群人就是超級無敵的設計絕緣體－UI、UX、Designer是超越理解範圍之事，也是最好不要去想到的事
「網頁上的特效什麼的用程式去做就好了嘛，Designer不需要做這些」(設計對白)
所以Designer會用的反而Developer不會用的CSS總是被忽視的 (也解釋了為什麼WP 7的Style是那種美感為0的工程師也會造出不太難看的App的格調了)
我想，M$的Engineer除了是設計絕緣體也是一群熱血笨蛋...
2. WP 7的IE版本是.....是 IE 7! IE 7! IE 7! (無限迴音)  [Acid 2鐵證]
3. IE 9的魚缸Test是跑canvas+大量JS動畫，正常情形整個下來是燒CPU－誰會想到用GPU去加速這部分啊?! 當然各家browser全敗是也。

Firefox 3.5.4 和 gif有仇

除了我在上一個post提過的bug外，FF 3.5.4還搞出了另一個bug...

Mozilla has relased a quick Firefox update to address several stability bugs that may lead to crashing in very specific cases like sites that use a GIF image as their favicon.

中譯:用gif做favicon的網站會當了FF→開張gif FF就會爆炸
gif有問題或者升級了Firefox 3.5.4的快升級3.5.5吧

FF 3.5.4 Beta的怪Bug - gif transparent render error

這事實在是很囧...
話說我用的FF 3.5是從Beta 4開始安裝，一直上Beta 99然後直到Release。之前的3.5.x的升級也很順利，直至升完3.5.4後才出問題....

明明是transparent的gif變了有背景色的?!
明顯是讀錯色板...不過為什麼自動更新也會踏到雷?
這種Render Engine出錯不是我輩只改Config的懶惰hacker可以KO，另外裝一個FF 3.5吧...
然後去官網找下載時只看到FF 3.5.3，在懷疑自己下了Beta版的情形下再Google FF 3.5.4發現我自動升級了Beta版...(很明顯Release Note沒看清楚)
因為是Beta所以會踏到雷是很合理的，而在我認命裝了3.5.3後一切回復正常...
教訓: FF的Beta是會升級Beta，包括升級成小版本的Beta....別以為Beta自動升級Release就可以再也碰不到Beta...如果是從Beta開始裝請在Release時Upgrade原有的Firefox。
還有，Release Note要看清楚。
小提示: FF的可以停上javascript執行和gif播放，用來capture gif是很方便的~

一個OS，兩個不同Profile/版本的FF

[24/2 Update: 潛在風險]
這招對Developer超有用: 在不同的windows用不同的profile/不同版本的FF
可以一個Profile裝Firebug+Web Developer等大食AddOn，另一個裝NoScript、AdBlock Plus、GM等強化AddOn (*不是說笑，以上AddOn在同一個Profile全開會令FF穩定性大降...)
又可以一個Profile開GMail A，另一個Account開GMail B，大搞Multiple login (cookie)，一個OS用FF開兩個Google Account 也可以一個OS上跑不同版本的FF
聽上去不錯是吧，那麼要怎樣做呢?
一句話: firefox command 加上command line option [全option列表 (mozilla.org)]

 -P -no-remote

於是整個command變成

firefox -P -no-remote

Windows是firefox.exe -P -no-remote，Mac是/Applications/Firefox.app/Contents/MacOS/firefox -P -no-remote

FF (Firefox) restart loop的解決方法

因為運氣實在太背，終於研究出FF會不斷restart (FF restart loop)原因...
[21/2 Update: 更新X11(linux/unix)的Memory Corruption Solution、plugin問題]

1. sqlite lock corrupted
   FF3開始FF會用sqlite資料庫去貯存history、cookie、anti-phishing filter等user data，不過要是FF中途死掉資料庫可能會被鎖死(lock corrupted)，導致FF不斷restart...
   solution: 先到profile[不同OS下profile的location]移走sqlite檔再重開FF
   如果需要sqlite的資料可以用sqlite manager這個Addon開先前移走了的sqlite檔再dump出來
   *bookmark和places.sqlite有關，但殺了這個sqlite是不會影響到bookmark的，不過要是不放心可以先backup bookmark
2. Memory corruption
   這個在Linux比較明顯，因為Linux有為active program做buffering/caching，要是FF中途死掉可能會讓cache corrupted，然後怒爆segmentation fault
   solution:
   Linux
   1. 在terminal下執行
      sync; echo 3 > /proc/sys/vm/drop_caches [解說]
   2. 在terminal下執行
      firefox --sync [Unix Option列表]
   Windows找個ram cleaner就好
   (Mac暫時沒遇到，而且和linux系統不一樣...)
   如果做了還是不斷restart...reboot OS = ="
3. Plugin 暴走:
   有可能是某個網頁造成的(embed語法錯誤)，所以Restart FF時Session只能開新的，不能選Restore Previous Session
   但如果去個Google也會Restart可能是Plugin有相容性問題
   Linux下的FF Flash Plugin、Windows的FF WMV Plugin也是暴走高危族，如果session開新的、ram也清了都是不行試試run一次safe mode看看問題有沒有改善
   solution: 啟動FF Safe mode一次，如果問題持續事再啟動FF Safe mode，選Disable All Plugin and Addon(停用所有附加元件)，然後逐個Enable(啟用) [Safe Mode的運行方法－除Windows外全部都要terminal