年未Browser戰報: IE 的黃昏 & "Finally they heard from us"

IE的黃昏

繼Chrome爬過FF後，上月尾 (W47)Chrome 15總算登上了皇者之座，成為全球最多人使用的瀏覽器版本

不過全球統計來看IE仍是很強大...打倒魔王之期仍是遙遙無期..

只是如果去看亞洲區的統計數字，東亞，尤其是大中華區還是IE當道orz

"Finally they heard from us" - The Christmas Gift From M$ to Developer

大概是他們自己也支援至怒羞，他們決定對不更新的IE用家們祭出了史上最大的地圖砲－－

「透過Windows Update自動更新WinXP至Win7的IE至最高可支援版本。*」－－Exploring IE

* XP是IE8，Vista/Win7是IE9

這次的更新是Google Chrome式的背景更新 (就是說一般的正版用戶都會乖乖的更新了)，當然一如慣例那是可以封的，只是他們並不想你們這樣做 XD

不過不會更新的傢伙還是有的:

• 因盜版而廢了自動更新的用家
• 企業更新機制不容許 (系統有reborn卡或者權限不足的)
• 企業怕連鎖效應 (內部系統出現問題而要升級或支援服務)而下令廢了自動更新的
• 用家因要使用IE-only的特殊服務(網銀)而不能更新的 (中國或南韓多屬此例)

所以要IE6/7/8從地球上消失還是很遠 XD

*其實以前好像祭過出來，而且是不能阻止的，不過因為當時盜版橫行加上企業用戶一堆反彈所以大失敗...而且其實很久以前的IE 6是有Auto-patch的

Browser Test Story: Multiple IE & IE9 on Mac/Linux/Window

在Mac/Linux機要找一個有足夠穩定的IE或是同一個window有多個IE測試一直是麻煩事－用winebottler(mac)/wine(linux)的IE或者是IETester都有穩定性差的問題，要做JS Debug是近乎不可能之事…
(Off topic: 只是看Layout有沒有問題用browser lab或是spoon就好了，不用這麼煩)

說到底，IE始終只能在windows上面run！

因為萬惡又黑暗的activeX及更多不明原因，與其追求不穩定的multiple IE/wine改裝，不如裝個Virtual Machine (VM，虛擬機器)或找台netbook試機 (反正顯示器再加大用家的畫面s也是在1024 x 768 / 1024 x 600打轉...)

而為求方便VM是不二之選，畢竟不同機沒copy & paste滿麻煩的(前提是要Ram夠多CPU不太差)...而當中一個超讚又不用錢又支援全平台的solution就是VirtualBox！

當然如果只是用所謂的開心版或叫你自掏錢包就不用寫文，M$總算有丁點良心給你不用錢的windows/ windows VM下載作測試用...

1. IE VHD
   等了很久終於有人回報IE9 VHD可以在VirutalBox上跑了，不過下載為什麼不是一個iso/rar而是斬成7份啊?
   安裝倒是簡單，開一個沒硬碟的VM就好了[詳細教學]
   不過用4.1.2+新VHD居然掛點(BSoD)，有人說clone一次VHD to VDI就好*，真煩...
   另外這個activate一次只有30天，不過是可以用`slgmr -rearm`指令renew一次...如果不用IE6，接下來的方法比較推薦
   * 如果Mac之下跑不到可以有另一法: 試用ievms fix
2. Win 7 Enterprise 90-days Trial
   官方正印的試用版, 可以免key安裝及在不入key下activate。預設安裝IE 8，可以升級IE 9－要IE 7的朋友可以改裝windows server 2008 R2。
   這個版本安裝後十天內要activate，activate後有90天可用 (坊間流傳可用 `slgmr -rearm` 指令renew/extend 3次試用期*)。不過就算是trial過了也只是每小時關機一次，測試基本上沒差，反而是下載有夠煩:
   1. 進入上面的網址，最下方有下載按鈕(32bit/64bit)，點擊進入
   2. 要用個window live ID登入
   3. 登入後填from，email沒必要和live ID的一樣
   4. 之後會有轉到一個頁面說有確認信，不過好像在這頁再填一次之前填過的email再按continue就可以下載...
   5. 下載完之後開一個全新VM連硬碟，之後進行一般的OS安裝
   這個方法的優點是穩定，不會一有新VHD update又掛點的鬼事情

注意事項: 開VM時確保有足夠的Ram及大量硬碟空間，Win7 Ram建議值是1024MB
另外其實一隻IE 9可以摸擬IE 7、8已經很夠用 [Developer Tool內的DocumentMode的說明]，VM實在不用太多。
Good luck!

*  `slgmr -rearm` 指令: 在以Adminstrator 權限執行的command prompt上執行 `slgmr -rearm`  (沒有`) ，成功的話在reboot後過期提示會消失
* 傳說有IE4Mac可以在mac以原生方式運行IE6-9，不過最終好像還是沒了...
* 千萬不要在VM OS loading時按host key,會kernel panic....

[Browser戰報] IE 10 PR2、SilverLight和Flash之消失?

[IE]
IE 10 PR2已出 [MSDN Blog]
加了很多別人早就加了的Feature: web worker、css3 gradient、css3 multiple column、css3 flex box、html5 form ("initial")、Drag and Drop、sandboxing，外加file reader。唯獨是搶先在別的Browser前搶先implement CSS3 positioned float (float: center) & CSS3 Grid...是要和CSS3 Region打對台嗎?
至於WebGL應該是no luck? (倒是有人攪了個不用Admin Right的IE WebGL)
(有趣的是CSS3 Float和Region都有Adobe的人...自己人互片?)
(IE 10做了一堆排版spec+File Reader+Worker出來，其心可昭啊...)

[Chrome]
Non-Admin Chrome Frame，對付死不肯升級的大機構Browser...(如果有USB還可以裝Portable firefox，沒有就麻煩了)
這也是在Google+之前出的，明顯是解救世人 (aka. FB其中一個搶人的方法是繼續支援IE 7)

[Opera]
Opera 11.50 Release
升級一行文: "New design, new extensions, more HTML5 support, improved performance for CSS and SVG"
瀏覽功能和效能為主的更新[更多]，HTML5的部分主要是HTML5 Form補完、File API
另外他們在挑戰下載數衝成就的活動，詳情參閱Opera首頁 (過了Lady Gaga Twitter Followers數了...)

[Extra: Flash & Silverlight的消失]
因為有SWF2HTML5、Silverlight2HTML5的converter....

• SWF: Swiffy
• Silverlight: SLJS

[Browser戰報] 全民狂奔

[IE]
前兩天的Computex 2011發佈會指出Win 8確認會以webapp為重心(還出了video)，MIX 11 Demo IE 10才爆出加了一堆東西:
- CSS3 gradient
- CSS3 multiple column
- CSS3 flexible box
- CSS3 Grid layout
- strict mode
(那個魚缸進化版真的很威...)

[Safari]
Lion即將在7月上市，Safari升級至5.1，已有Developer版可下載 - 可以跑WebGL quake
不過我最關心的是來不來的及加入CSS Region...
(看起來Safari好像走IE的舊路，不妙)

[Opera]
1. Opera 11.50 Beta
2. 他們做< input type="color" > (color picker)了啦...
3. Dragonfly有remote debugging console, webkit努力中，mozilla..好像沒有動作

[Firefox]
更新很多...(部分在Aurora 6...)
HTML5
-  < progress >
- 3D youtube (w/Nvidia) , via WebM (official post)
- CSS Animations
- Canvas Update
- Javascript Memory
- Networking
- WebSocket and more
Browser
- Mozilla在兩周前出了Update，建議現有從Beta升級到FF 4的用戶升級Firefox 5 beta (Mac & Win也有)
- Firefox 出了新的dev channel: Aurora, version 6
- Mozilla的Nightly則是到了version 7
(Aurora和Nightly的分別看firefox channel官網就知道了: nightly > aurora > beta > release )

[Chrome]
- Google IO太多新API...比較觸目的是HTML5 WoW Demo過的強化File API和Web Audio
- Google dev的版號好像到了14
- Nightly: Developer Tool可以take JS memory snapshot了...[official post]


[小結]
除了Safari外幾乎是全部browser版號狂奔啊...不過大家不管那個platform都狂追Spec，好事?

Browser戰報: FF4 RC2 、Chrome 10 Update、IE 9 Release

[IE]
IE9
正式版來了，各位Developer的惡夢來了...
注意: XP無法安裝
效能對決
1. IE9 64bit，大慘敗
2. FF4 RC1除了peacekeeper大敗外其他test都是樂勝

[Firefox]
FF4 RC2
一點的bug fix和新locale，正式版會是下星期: 3月22日!!

[Chrome]
Chrome 10 update
封了幾張SSL cert...

Browser戰報: FF4 RC 、Chrome 10 Release、IE 9 RTM、iOS 4.3

[Firefox]
Firefox 4 RC現已可經update取得
更新的就只是minor bug fix。
之後FF的版號會轉為4.0 (其實應該是4.0 RC1，所以what's new一頁會404 XD)
[Release Note]

[Chrome 10]
Chrome 10 release了~

• 換了個v8 js engine
• window終於有做sandbox flash，flash終於不會把chrome打掛 (win 7 chrome應該受惠)
• setting(選項)會開在tab
• 加了一些硬體加速
• background webapp (?!)
• experimental webNavigation API
• Security fix/加強

[Release Note]

[IE 9 RTM]
3月14日

而且會是在SXSW大會上公佈~(所以應該不會跳票)

[iOS 4.3]
今天推出，可經iTunes取得....已知是Mobile Safari JS效能暴升，其他的還在等@firt

[OT: 本日最GJ]
theie9countdown
分明是惡搞the ie6 countdown，不過對象是IE 9 XD

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 is NOT a modern browser

大戰源頭 - Mozilla 的 Prouget 造了一個網頁質疑IE9宣傳的”Modern Browser”: Is IE9 a modern browser? & IE9 vs FF4

雖然是預期以內，不過－－

就算他是用的很可能是Preview而非RC，FF 3.5 (兩年前)/3.6(一年前)也可以比IE9威...(遠目)
而且Prouget是用數據論證，這很難反擊。(頂多用RC再跑test)

當然M$的人也不是坐以待斃，有人有給回應－

M$的人無力的回應: A Modern Browser - Tim Sneath - Site Home - MSDN Blogs

(少給我廢話，Give me data!)

(番外篇，完)

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...

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全敗是也。

Unlimited IE works

[Special Thanks: @galileo44 題字]

在IE全球市佔率跌破50%、FF 3.6市佔率超過IE 6的時刻，Web Ninja Mr.Doob 用HTML5重新打造了這個致敬作...

classic IE6 effect (HTML 5)

Create Your Crash Report Art, Your browser is not hanged. :)

Chrome:既然消滅不了IE就把IE改成chrome吧 - Google Chrome Frame for IE

今天，Google再一次拯救了廣大的Web Developer (包括他們自己)，推出了將IE改造成Chrome的IE Plugin: Google Chrome Frame

在Frame之下，IE內將可以使用(接近)完整的Chrome功能: HTML 5、V8、Webkit CSS、SVG、Canvas，你將會看見IE 6也會Pass Acid3 test的奇妙景象

Frame可以透過html X-UA-Compatible meta tag啟動 (類似IE 7 mode的X-UA)，也可以用cf:這個scheme name prefix加在url前面強制使用chrome frame來開啟網頁 (e.g. cf:http://mail.google.com/mail/)

Developer: 提示User安裝的Script和啟動Chrome Frame的X-UA語法都在Documentation裡
Chrome Frame目前支援IE 6、7、8－Save yourself, developers.

---

經常都說Chrome的工程師不是普通人類，如此逆天的點子大概只有他們才想的出...
不對，這不就是FF的IE Tab的強化Plugin版?!

---

相關閱讀

• Google brings Chrome's renderer to IE with browser plugin
• Introducing Google Chrome Frame
• Use Google Chrome in Internet Explorer

再談 Multiple IE

身為Web Developer，Multiple IE是個永恆問題
因為IE的市佔率超過6成，除特定的User Group外支援多個版本的IE是無可避免的事，但因為IE是OS元件以致不能正常獨立安裝及共存。
技術上在一個OS上運行多於一個版本的IE稱之為Multiple IE，不過隨著hardware愈來愈強、Virtualization及hacking之完善，Multiple IE不是空談之事...

[Pics] IE 7 有趣圖片1 - 巧奪天工篇

By Jas 9
這個系列的起始是這幅圖 :p
(按圖可以看大圖)
[IE7 Chalk Logo]

好像是IE Release時出現在M$ Building的IE 7 Logo
MSDN Photo: IE 7 Pavement Chalk Drawing
而且好像不止一個...



另外還有神秘的模仿者...

[Neon IE Logo]
IE Team某人搞出來的，好大的一個Logo...

[其他]
1. IE 7 風衣/Polo碎片? [圖片]
2. 說巧奪天工，當然還有IE Team送給Mozilla的蛋糕 [圖片]
(下回預告: 惡搞IE篇‧上XD)

體驗 IE8 最新功能

[ Declaration: 本喵絕對沒有轉死性XD ]

你還在用舊版的 ie 嗎? 趕快來體驗 IE8 吧!!! (笑)
一起來幫忙串連宣傳, 推廣 IE8 的使用吧!! XD
[以上內容轉自體驗 IE8 最新功能 - Oceanic / 人生海海]

IE8 RC1 @ IE App Compat VHD

果然是有更新了...至少是IE列表有，IE8將會由Beta升級至RC1: Internet Explorer Application Compatibility VPC Image

但下方的Download完全沒有RC1，只有Beta 2...(Wryyyyy)
已經修好了，不過我需要SP2啊
現在有的OS:
XP SP2 (IE 7),
XP SP3 (IE 6 - 8), Vista (IE 7)
=========
IE8 RC1是Fix了一票的CSS Bug，但跟據Download Squad，似乎離出街之日有一段距離

1. Acid3只有20/100分
2. 網頁Rendering超慢
3. JS Engine仍舊龜速(比IE7是快了，但比FF3仍然慢了近3s...這只是benchmark，不是application)
4. Ram怪獸
5. Flash支援一團糟
6. 有下hack的網站在IE 8掛點 (e.g. GMail)

Multiple IE, Universal Solution

決定來個正經的: 一個OS上運行IE6 + IE7 + IE8的方法
叫做Univeral solution的原因是...不管你是Mac、Linux、Windows以今日的配備都可以用
而且是Microsoft提供，安全可靠，任何Windows也可以用
那這個偉大的Solution就是－Internet Explorer Application Compatibility VPC Image
即是用Virtual Machine..而且這些VM有齊debug用的工具，幾乎是完美的懶人包

*如果是用VMWare Server/Fusion有些步驟要在Windows上做，所以一台Windows少不了(VM也可以)
*壓縮檔XP SP3是300 MB左右，解出來的vhd 1.32GB，vmdk 1.9GB
*純英文Windows，沒有東亞語系及其他Encoding...