Opera Mini 5 網(wǎng)站開發(fā)速記

Opera Mini是一個(gè)很優(yōu)秀的手機(jī)瀏覽器，對手機(jī)用戶而言，Opera Mini為鍋牛般的手機(jī)互聯(lián)網(wǎng)拜訪供給了更快更好的體會(huì)。

Opera Mini 5的特性

1、Opera Mini 5運(yùn)用Presto 2.4的引擎，烘托才能與Opera Mobile 10(只要Windows Mobile和S60版本)基本持平;

2、因?yàn)镺pera的 Vega圖形引擎無法在其代理服務(wù)器上運(yùn)用，所以，一些CSS3屬性不能在Opera Mini 5中應(yīng)用，比如border-radius、css transition等；(事物都有兩面性，Opera Mini速度快的關(guān)鍵便是其代理服務(wù)器供給了內(nèi)容壓縮，而在這兒，卻成為了技能的一個(gè)雞肋)

3、支撐CSS3媒體查詢；

4、完全支撐CSS3選擇器；

5、支撐多布景圖片；

6、支撐RGB(a)和HSL(a)顏色;

7、HTML 5的一些特性無法支撐，比如網(wǎng)絡(luò)字體、表單等，經(jīng)測驗(yàn)，Opera mini 5在html5test.com的測驗(yàn)中只拿到14分(共160分)，只支撐html5的doctype和部分canvas；

8、部分支撐SVG，只會(huì)被烘托為光柵圖片；

9、支撐Data URi。

Opera Mini 5與Opera桌面版和Opera mobile 10對規(guī)范的支撐比照表

Zi Bin, Cheah整理了一份Opera Mini與Opeta Mobile 10以及桌面版的Opera 10.50在網(wǎng)頁規(guī)范支撐方面的比照表。通過這個(gè)表格，咱們能夠具體的看到三個(gè)平臺的Opera對規(guī)范的支撐狀況了。

	桌面版 10.5x	Mobile 10	Mini 5
CSS3 常規(guī)屬性
網(wǎng)絡(luò)字體
媒體查詢(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
存儲
Web Storage – Local Storage
Web Storage – Session Storage
Web SQL Storage
圖形
Canvas			(不支撐文本)
SVG			(簡略支撐)
雜項(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