開(kāi)發(fā)人員為什么要支持非IE瀏覽器的四個(gè)故事

最近一不小心陷入了對(duì)第二次瀏覽器大戰(zhàn)的深思，并參與了幾次網(wǎng)上討論。頗有心得，不知何處分享。下面要講的四個(gè)故事，都是客戶(hù)（或者你的雇主）對(duì)你我（這樣的開(kāi)發(fā)人員）講的故事。來(lái)源于生活，高于生活。

1）
你受雇于Z商銀行專(zhuān)業(yè)版開(kāi)發(fā)團(tuán)隊(duì)，不久結(jié)識(shí)了負(fù)責(zé)專(zhuān)業(yè)版客服的漂亮MM。愛(ài)情的滋味讓你忘記了工作的煩惱，但是你卻清楚的記得那一天走進(jìn)心儀MM的辦公室，她的老板正在抱怨客戶(hù)的投訴。原來(lái)很多江浙一帶的有錢(qián)小老板，一直是Z商銀行的忠實(shí)客戶(hù)，可是人有錢(qián)就有了精神追求，他們這兩年紛紛配備了Mac的本本，有白色的有銀色的。。。明白了吧？！現(xiàn)在他們的錢(qián)都轉(zhuǎn)存至浦東發(fā)展銀行和深圳發(fā)展銀行了。

數(shù)據(jù)顯示，MacBook和MacBook Pro在中國(guó)的銷(xiāo)量每年都在高速增長(zhǎng)，這還沒(méi)有統(tǒng)計(jì)從香港出貨而最終用戶(hù)是大陸人的數(shù)量。Mac上人們常用兩個(gè)瀏覽器，Safari和Firefox，Safari非常酷，而且對(duì)標(biāo)準(zhǔn)的支持非常好，F(xiàn)irefox插件多，安全性好。最重要的是，如果你已經(jīng)具有開(kāi)發(fā)IE Web App的能力，那么就已經(jīng)具備開(kāi)發(fā)標(biāo)準(zhǔn)Web App的能力了。只要有心，萬(wàn)事不難。微軟自己也不再喜歡ActiveX了，他們經(jīng)常游說(shuō)你們團(tuán)隊(duì)用Silverlight。這次，你的老板還會(huì)上當(dāng)嗎？千萬(wàn)別忘了，這還是微軟的私有技術(shù)，即使他們承諾Silverlight將跨平臺(tái)，你也會(huì)覺(jué)得難用無(wú)比，別忘了他們?cè)?jīng)做過(guò)讓網(wǎng)頁(yè)設(shè)計(jì)師談虎色變的IE for Mac。

前事不忘后事之師。我們能有今天的幸福生活，一要感謝黨，二要感謝開(kāi)放的國(guó)際互聯(lián)網(wǎng)。HTML5，CSS3，以及其它的W3C標(biāo)準(zhǔn)共同組成了我們通常所說(shuō)的Open Web。很多人誤解了，以為ActiveX是Web安全性的不二選擇。其實(shí)安全性向來(lái)都是開(kāi)放平臺(tái)、開(kāi)放架構(gòu)、開(kāi)放源代碼遠(yuǎn)勝于專(zhuān)有平臺(tái)、專(zhuān)有架構(gòu)、專(zhuān)有技術(shù)。HTTPS已經(jīng)非常安全了。選擇Open Web之后的最重要工作，就是讓每個(gè)程序員都有一顆安全性第一的心。

到了晚上，MM完全沒(méi)有約會(huì)的心情了，她一個(gè)勁的問(wèn)你，這兩個(gè)銀行很小啊，根本沒(méi)有什么研發(fā)力量，為什么他們能做的事情，你們不能做？這怎么辦？你又不能認(rèn)錯(cuò)又不能讓MM對(duì)公司失去信心，雖然她的信心已經(jīng)失去了，雖然這根本不是你的錯(cuò)。憋了半天，你只能來(lái)一句：“他們不主流，我們不標(biāo)準(zhǔn)。”

2）
你大學(xué)畢業(yè)不到5年，與朋友一起創(chuàng)業(yè)做Web 2.0網(wǎng)站。專(zhuān)家給你們團(tuán)隊(duì)的建議是：用戶(hù)第一，理念第二，技術(shù)第三。你非常贊同這一說(shuō)法。作為主力開(kāi)發(fā)，你非常希望產(chǎn)品能帶給用戶(hù)不一樣的感覺(jué)，讓用戶(hù)在第一次就記住這個(gè)網(wǎng)站，而不是在瀏覽器還沒(méi)有渲染完頁(yè)面時(shí)就關(guān)閉頁(yè)簽。你非常羨慕Google的很多應(yīng)用，簡(jiǎn)約而不簡(jiǎn)單，易用性強(qiáng)，速度快。

作為Web開(kāi)發(fā)的老手（還不敢稱(chēng)專(zhuān)家），讓我來(lái)給你一些建議。第一，你要堅(jiān)持在團(tuán)隊(duì)中宣揚(yáng)少用圖片的口號(hào)。第二，使用更多的Ajax異步裝載，不斷提升性能，優(yōu)化用戶(hù)體驗(yàn)。第三，大量用客戶(hù)的計(jì)算資源，（反正客戶(hù)的資源豐富而且?guī)缀鯚o(wú)成本），減少服務(wù)器的壓力。第四，宣揚(yáng)瘦服務(wù)器的理念，因?yàn)楣拘。瑯I(yè)務(wù)變化很快，投入服務(wù)器的資源不容易變換，如果設(shè)計(jì)成瘦服務(wù)器，成本投在客戶(hù)端，因?yàn)榭蛻?hù)端環(huán)境單一，全部重來(lái)也沒(méi)有多少成本，容易隨需應(yīng)變。好，我們首先假設(shè)這些建議你已經(jīng)接受了。

接下來(lái)，5年從未遇到的問(wèn)題來(lái)了。由于客戶(hù)端代碼越來(lái)越多，越來(lái)越復(fù)雜，影響了項(xiàng)目進(jìn)度。老板開(kāi)始質(zhì)疑你的這種方式是否可取。再有，公司重金請(qǐng)人做網(wǎng)頁(yè)設(shè)計(jì)，結(jié)果你總是提減少圖片，設(shè)計(jì)師不悅，常常產(chǎn)生私人恩怨。更麻煩的是，連你自己都開(kāi)始擔(dān)心，因?yàn)榍岸舜a常有bug，導(dǎo)致IE彈出對(duì)話(huà)框，打破了你一直的夢(mèng)想。

好吧，既然你能看到這里，我打算教你點(diǎn)絕活。在IE中使用直角矩形，而在Firefox/Safari/Chrome中使用圓角矩形。如果你的設(shè)計(jì)師喜歡圓角矩形，就給他/她看Safari中的效果，設(shè)計(jì)師都喜歡Safari，如果他/她喜歡直角，就給看IE！因?yàn)樵贔irefox/Safari/Chrome中，圓角可以用CSS實(shí)現(xiàn)，完全沒(méi)有貼圖。這一招還要用在陰影上。我太太最近還在跟我炫耀她能用CSS3直接實(shí)現(xiàn)雕刻字體效果，不過(guò)也不是在IE中。至于Ajax等開(kāi)發(fā)的復(fù)雜性，建議你常年使用jQuery和jQuery插件。這個(gè)系統(tǒng)的所有API都是跨瀏覽器的，零學(xué)習(xí)成本，會(huì)用Javascript就會(huì)用，零host成本，因?yàn)镚oogle幫你host。這樣你可以在Firefox上用Firebug開(kāi)發(fā)，或者在Safari 4里開(kāi)發(fā)（透露一下，Safari 4的調(diào)試功能真的超級(jí)棒），然后在IE上跑，沒(méi)有任何問(wèn)題。2008年年初的調(diào)查，jQuery市場(chǎng)占有率不足20%，年末已經(jīng)過(guò)70%了，所以我常把2008年稱(chēng)為jQuery年，這是國(guó)際開(kāi)發(fā)者社群的共同選擇。

很多開(kāi)發(fā)人員拒絕非IE瀏覽器，是因?yàn)樗麄兒ε聻g覽器間的差異，帶來(lái)開(kāi)發(fā)成本，尤其是CSS上的差異很大。不過(guò)別忘了，資本主義世界只要有利潤(rùn)，人們就會(huì)勇往直前。那么多大公司（包括微軟）都在奮發(fā)圖強(qiáng)開(kāi)發(fā)Web App，包括IBM的Lotus產(chǎn)品線(xiàn)，你遇到的難題，別人都遇到過(guò)。我們搞開(kāi)發(fā)的就是要站在Google/IBM/Apple這些大公司的肩膀上。

在感受了一次成功的喜悅后，絕大部分開(kāi)發(fā)人員還是會(huì)相信：支持非IE瀏覽器，俺，能跑！！

3）
你大學(xué)畢業(yè)就進(jìn)入了一家大型軟件公司工作，ERP/CRM是公司的主要產(chǎn)品線(xiàn)類(lèi)型，工資和福利是你與同齡人相比的驕傲，虛榮心是你參加同學(xué)聚會(huì)的動(dòng)力。不久你升任產(chǎn)品經(jīng)理，前途似錦。但困擾你的是每次與客戶(hù)面對(duì)面，客戶(hù)都對(duì)你的個(gè)人魅力毫無(wú)興趣，而是反反復(fù)復(fù)的提一個(gè)字：“省”！

你花了一個(gè)月的時(shí)間和客戶(hù)吃住在一起，通過(guò)IT部門(mén)了解客戶(hù)的IT支出到了哪里？盡管如此，客戶(hù)還是希望你能夠拿出一個(gè)方案讓他們?cè)?009～2010年經(jīng)濟(jì)危機(jī)的時(shí)候每年節(jié)省幾百萬(wàn)。怎么辦？把客戶(hù)的員工裁了？還是把你裁了？減少買(mǎi)你們公司軟件的支出？（這兩年你們公司也不好過(guò)，這跟把你裁了是一樣的。）還是減少。。。等等。。。硬件？對(duì)，硬件！

一方面，如果客戶(hù)對(duì)新員工和需要更換的筆記本采用Netbook，就可以節(jié)約大量成本。另一方面，如果采用云計(jì)算的產(chǎn)品，可以把需要支出的服務(wù)器端軟件改為租用方式，用瀏覽器訪(fǎng)問(wèn)。兩個(gè)方面前后一致且順理成章。Netbook之所以存在市場(chǎng)就是因?yàn)榇罅康能浖?yīng)用由Web App取代。新員工只要有瀏覽器用就可以訪(fǎng)問(wèn)ERP/CRM這些你們公司的拳頭產(chǎn)品。

好，于是你再次向客戶(hù)提出了這10年來(lái)全球的IT大公司（除微軟）不斷向客戶(hù)提出的建議：Linux。

今天就是嘗試Linux的最佳時(shí)間。Dvorak，這位以批判大公司出名的IT評(píng)論家，現(xiàn)在建議每個(gè)人都要嘗試一下Ubuntu。真的很好用。你可以不相信我但是不能不相信Dvorak，他從不盲目追隨新技術(shù)，加上年齡的原因，他總是比我們這些年輕人對(duì)新事物更抵觸。據(jù)說(shuō)俄羅斯的國(guó)立中小學(xué)已經(jīng)全部是Linux教學(xué)了。你心里的小算盤(pán)開(kāi)始響了，如果每位員工減少本本方面的2000塊支出，幾百萬(wàn)不在話(huà)下。

如果被客戶(hù)問(wèn)及Ubuntu不好用怎么辦？你嘴角微微一笑，沒(méi)關(guān)系，反正客戶(hù)大部分時(shí)間都只干三件事：聊天、看電影，用辦公軟件。這些都是Ubuntu的強(qiáng)項(xiàng)。聊天？QQ和MSN、Skype都支持。看電影，有跟暴風(fēng)影音一樣強(qiáng)的（還不止一個(gè)）。辦公，OpenOffice存取MS Office格式照常使用。至于你的軟件，早就Firefox羅。

怎么？客戶(hù)還要培訓(xùn)？你掙錢(qián)的時(shí)候到了。Windows的錢(qián)都省了，出點(diǎn)服務(wù)費(fèi)咋了？

4）
年過(guò)30的你急于在事業(yè)上攀到新的高峰，才能給妻子和正要上小學(xué)的孩子一個(gè)交代。天賜良機(jī)你被一個(gè)中型企業(yè)挖去做CTO，而你的老板，則是個(gè)精明的美國(guó)商人。（怎么聽(tīng)起來(lái)像小說(shuō)《最后期限》？）為了拿到VC的錢(qián)，老板要求你夜以繼日的擴(kuò)大用戶(hù)群。怎么辦？八仙過(guò)海。

大量的軟件公司正在嘗試把他們最掙錢(qián)的產(chǎn)品移植到Web上。這種趨勢(shì)從2004年就已經(jīng)開(kāi)始了。不過(guò)用戶(hù)還是不太喜歡Web Service或者SaaS這樣的技術(shù)術(shù)語(yǔ)，比較討用戶(hù)喜歡的概念是“云計(jì)算”。然而金融危機(jī)到來(lái)，VC變得非常謹(jǐn)慎，不見(jiàn)兔子不撒鷹，除了大規(guī)模用戶(hù)數(shù)量的增長(zhǎng)，其余免談。在這個(gè)冬季臨危受命的你，光靠國(guó)內(nèi)市場(chǎng)是顯然不夠的。加上篤信《世界是平的》，你決定到全球市場(chǎng)去碰碰運(yùn)氣。無(wú)論你是否相信，只要支持中英兩種文字，就支持了全球半數(shù)以上的網(wǎng)民。你六級(jí)不都過(guò)了嗎，這有什么難的？

想象一下很多廠商靠iPhone和Android活著。如果讓你選擇一個(gè)作為平臺(tái)，你愿意選哪一個(gè)？呵呵。你猜我選哪一個(gè)？Both！其實(shí)很多人不知道，如果做了iPhone的Web App就等于做了Android的Web App，他們是完全相同的瀏覽器內(nèi)核Webkit。不相信？那你看看iPhone上的Gmail和Google Reader，是不是跟Android一模一樣？以前是不是一直以為Google做了iPhone版？上當(dāng)了，Google并未用Apple的風(fēng)格，而是使用自己的風(fēng)格，但是看起來(lái)易用性一點(diǎn)也不輸給本地iPhone應(yīng)用。更多的喜訊還在后面，Nokia S60也是Webkit，Blackberry上也有Webkit了，Gnome的缺省瀏覽器很快也是Webkit了。。。

所以，堅(jiān)持所有Web產(chǎn)品都支持Safari/Chrome的開(kāi)發(fā)團(tuán)隊(duì)，獲得了史上從未有過(guò)的光榮。這不僅是來(lái)自VC的青睞，也是直接來(lái)自客戶(hù)的認(rèn)同，更是錢(qián)在向你招手。。。（抱歉我總是想著錢(qián)，可誰(shuí)不是呢？）。。。

Firefox呢？也是不可多得的marketing陣地！因?yàn)镕irefox插件多，而且非常容易開(kāi)發(fā)。很多小公司靠這個(gè)活著呢。因?yàn)镕irefox的用戶(hù)基數(shù)大（比IE7大），所以一點(diǎn)細(xì)小的易用性改進(jìn)都能吸引大量用戶(hù)的眼球。這么多人癡迷與Facebook App和開(kāi)心App，也是同一個(gè)道理。

所以，我們的口號(hào)是：支持非IE瀏覽器，他好，你也好！用戶(hù)好，投資人好，老板好。大家好，才是真的好！（怎么樣？被我雷死了吧。）

結(jié)語(yǔ)）

還是前面說(shuō)的那句話(huà)，用戶(hù)第一，理念第二，技術(shù)第三。不要為你的技術(shù)找借口。更好的為用戶(hù)服務(wù)就是你的使命。在世界平坦化的今天，把國(guó)人的聰明才智展現(xiàn)于世界舞臺(tái)就是你的機(jī)遇。努力的去做吧。正所謂你不下地獄誰(shuí)下地獄！

歡迎大家續(xù)寫(xiě)這些故事和添加故事。謝謝！


不怕危機(jī)的泡泡
（轉(zhuǎn)載本文需注明出處：Brian Sun @ 爬樹(shù)的泡泡[http://www.briansun.com]）