|
前幾天，Opera宣布其用戶(hù)已經(jīng)超過(guò)1億——桌面版和手機(jī)版均超過(guò)5000萬(wàn)。Opera Mini是一個(gè)很優(yōu)秀的手機(jī)瀏覽器，對(duì)手機(jī)用戶(hù)而言，Opera Mini為鍋牛般的手機(jī)互聯(lián)網(wǎng)訪(fǎng)問(wèn)提供了更快更好的體驗(yàn)。而最近最讓iPhone用戶(hù)驚喜的是，Opera mini 5通過(guò)了水果店的審核，已經(jīng)可以免費(fèi)下載�，F(xiàn)在Opera mini 5已經(jīng)發(fā)布了對(duì)各平臺(tái)的版本，包括Android/oPhone、Windows mobile、黑莓、Java等，支持絕大部分手機(jī)平臺(tái)。
Opera Mini 5被稱(chēng)為Opera公司的“下一代”手機(jī)瀏覽器，可見(jiàn)它與Opera 10.5x一樣，也是一個(gè)很重要的里程碑，那么今天就讓我們看一看Opera Mini 5對(duì)移動(dòng)網(wǎng)站開(kāi)發(fā)的影響吧。 Opera Mini 5的特性：
- Opera Mini 5使用Presto 2.4的引擎，渲染能力與Opera Mobile 10(只有Windows Mobile和S60版本)基本持平;
- 由于Opera的 Vega圖形引擎無(wú)法在其代理服務(wù)器上使用，所以，一些CSS3屬性不能在Opera Mini 5中應(yīng)用，比如border-radius、css transition等；(事物都有兩面性，Opera Mini速度快的關(guān)鍵就是其代理服務(wù)器提供了內(nèi)容壓縮，而在這里，卻成為了技術(shù)的一個(gè)雞肋)
- 支持CSS3媒體查詢(xún)；
- 完全支持CSS3選擇器；
- 支持多背景圖片；
- 支持RGB(a)和HSL(a)色彩;
- HTML 5的一些特性無(wú)法支持，比如網(wǎng)絡(luò)字體、表單等，經(jīng)測(cè)試，Opera mini 5在html5test.com的測(cè)試中只拿到14分(共160分)，只支持html5的doctype和部分canvas；
- 部分支持SVG，只會(huì)被渲染為光柵圖片；
- 支持Data URi。
Opera Mini 5與Opera桌面版和Opera mobile 10對(duì)標(biāo)準(zhǔn)的支持對(duì)比表：
Zi Bin, Cheah整理了一份Opera Mini與Opeta Mobile 10以及桌面版的Opera 10.50在網(wǎng)頁(yè)標(biāo)準(zhǔn)支持方面的對(duì)比表。通過(guò)這個(gè)表格，我們可以詳細(xì)的看到三個(gè)平臺(tái)的Opera對(duì)標(biāo)準(zhǔn)的支持情況了。
|
桌面版 10.5x |
Mobile 10 |
Mini 5 |
| CSS3 常規(guī)屬性 |
| 網(wǎng)絡(luò)字體 |
 |
|
 |
| 媒體查詢(xún)(meidia query) |
|
|
|
| text-shadow (包括多重text-shadow) |
|
|
(不支持模糊半徑) |
| 選擇器 |
|
|
|
| CSS3 背景與邊框 |
|
|
|
| border-radius |
|
|
|
| background-clip |
|
|
|
| background-origin |
|
|
|
| 多背景圖片 |
|
|
|
| background-attachment |
|
|
|
| box-shadow |
|
|
|
| border-image |
|
|
|
| CSS3 Transitions |
|
|
|
| transition-property |
|
|
|
| transition-duration |
|
|
|
| transition-delay |
|
|
|
| transition-timing-function |
|
|
|
| ease |
|
|
|
| linear |
|
|
|
| ease-in |
|
|
|
| ease-out |
|
|
|
| ease-in-out |
|
|
|
| CSS3 2D 轉(zhuǎn)換 |
| translate |
|
|
|
| translateX |
|
|
|
| translateY |
|
|
|
| scale |
|
|
|
| skew |
|
|
|
| rotate |
|
|
|
| transform-origin |
|
|
|
| CSS3色彩 |
| rgba() |
|
|
|
| hsla() |
|
|
|
| HTML5 |
| Video |
|
|
|
| Audio |
|
|
|
| Web Forms |
|
|
|
| 存儲(chǔ) |
| Web Storage – Local Storage |
|
|
|
| Web Storage – Session Storage |
|
|
|
| Web SQL Storage |
|
|
|
| 圖形 |
| Canvas |
|
|
(不支持文本) |
| SVG |
|
|
(簡(jiǎn)單支持) |
| 雜項(xiàng) |
| Selectors API |
|
|
不支持某些事件，比如mouseover |
| Viewport元標(biāo)簽 |
N/A |
|
|
Opera Mini 5的User Agent
Opera Mini 5的User Agent如下： Opera/9.80 (J2ME/MIDP; Opera Mini/5.0.18635/1030; U; en) Presto/2.4.15 總結(jié)
最近做了一些在Android/Ophone平臺(tái)上的頁(yè)面，本來(lái)以為Android的瀏覽器是基于webkit內(nèi)核的，可以放心大膽的使用各種CSS3的屬性。但是后來(lái)發(fā)現(xiàn)在某些細(xì)節(jié)上表現(xiàn)很不好，而且Android各個(gè)版本之間的兼容性問(wèn)題的確是比較嚴(yán)重的。而對(duì)于使用最為廣泛的Opera，目前來(lái)看基本上是實(shí)現(xiàn)了“跨平臺(tái)”了。保持瀏覽器在各個(gè)平臺(tái)上表現(xiàn)的一致性，無(wú)論對(duì)開(kāi)發(fā)人員還是用戶(hù)，都是非常重要的，目前來(lái)看，Opera在這方面是個(gè)好榜樣。
當(dāng)然沒(méi)有人會(huì)專(zhuān)門(mén)做一個(gè)只兼容Opera Mini的網(wǎng)站，我最近將研究一些關(guān)于移動(dòng)互聯(lián)網(wǎng)開(kāi)發(fā)的內(nèi)容，歡迎關(guān)注。這個(gè)世界常常讓人很痛苦，但是只要認(rèn)真面對(duì)，痛苦總會(huì)有快樂(lè)相隨。
參考文章
本文鏈接：http://www.95time.cn/tech/web/2010/7517.asp 
出處：前端觀察
責(zé)任編輯：bluehearts
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
