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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

想象一下很多廠商靠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)格，但是看起來易用性一點(diǎn)也不輸給本地iPhone應(yīng)用。更多的喜訊還在后面，Nokia S60也是Webkit，Blackberry上也有Webkit了，Gnome的缺省瀏覽器很快也是Webkit了。。。

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

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

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

結(jié)語）

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

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


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