Opera Mini 5 网站开发速记

核心提示：前几天，Opera宣布其用户已经超过1亿——桌面版和手机版均超过5000万。Opera Mini是一个很优秀的手机浏览器，对手机用户而言，Opera Mini为锅牛般的手机互联网访问提供了更快更好的体验。而最近最让iPhone用户惊喜的是，Opera mini 5通过了水果店的审核，已经可以免费下

前几天，Opera宣布其用户已经超过1亿——桌面版和手机版均超过5000万。Opera Mini是一个很优秀的手机浏览器，对手机用户而言，Opera Mini为锅牛般的手机互联网访问提供了更快更好的体验。而最近最让iPhone用户惊喜的是，Opera mini 5通过了水果店的审核，已经可以免费下载。现在Opera mini 5已经发布了对各平台的版本，包括Android/oPhone、Windows mobile、黑莓、Java等，支持绝大部分手机平台。

Opera Mini 5被称为Opera公司的“下一代”手机浏览器，可见它与Opera 10.5x一样，也是一个很重要的里程碑，那么今天就让我们看一看Opera Mini 5对移动网站开发的影响吧。

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对标准的支持对比表

Zi Bin, Cheah整理了一份Opera Mini与Opeta Mobile 10以及桌面版的Opera 10.50在网页标准支持方面的对比表。通过这个表格，我们可以详细的看到三个平台的Opera对标准的支持情况了。

	桌面版 10.5x	Mobile 10	Mini 5
CSS3 常规属性
网络字体
媒体查询(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

相关Opera Mini 5 网站开发速记

• 一些网站设计原型图 网页设计从纸上开始 [2012-1-17]
• 网页设计师引导客户的几个技巧 [2012-1-17]
• CSS样式表在网页设计中的特性 [2012-1-17]
• 如何进行网站设计才能真正体现企业形象 [2012-1-17]
• 网页设计是否被关注要看搜索排名 [2012-1-17]
• 关于如何做好网页设计的十个小窍门 [2012-1-17]