歡迎來到合肥浪訊網絡科技有限公司官網
  咨詢服務熱線:400-099-8848

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

發(fā)布時間:2020-05-23 文章來源:本站  瀏覽次數:2780

Opera Mini是一個很優(yōu)秀的手機瀏覽器,對手機用戶而言,Opera Mini為鍋牛般的手機互聯網拜訪供給了更快更好的體會。


Opera Mini 5的特性

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

2、因為Opera的 Vega圖形引擎無法在其代理服務器上運用,所以,一些CSS3屬性不能在Opera Mini 5中應用,比如border-radius、css transition等;(事物都有兩面性,Opera Mini速度快的關鍵便是其代理服務器供給了內容壓縮,而在這兒,卻成為了技能的一個雞肋)

3、支撐CSS3媒體查詢;

4、完全支撐CSS3選擇器;

5、支撐多布景圖片;

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

7、HTML 5的一些特性無法支撐,比如網絡字體、表單等,經測驗,Opera mini 5在html5test.com的測驗中只拿到14分(共160分),只支撐html5的doctype和部分canvas;

8、部分支撐SVG,只會被烘托為光柵圖片;

9、支撐Data URi。

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

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

桌面版 10.5x Mobile 10 Mini 5
CSS3 常規(guī)屬性
網絡字體 支撐 支撐 不支撐
媒體查詢(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 轉換
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 支撐 支撐 支撐 (簡略支撐)
雜項
Selectors API 支撐 支撐 支撐 不支撐某些事情,比如mouseover
Viewport元標簽 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

上一條:網頁設計中用戶的視覺要求...

下一條:網頁規(guī)劃師引導客戶的幾個...