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

总结

最近做了一些在Android/Ophone平台上的页面,本来以为Android的浏览器是基于webkit内核的,可以放心大胆的使用各种CSS3的属性。但是后来发现在某些细节上表现很不好,而且Android各个版本之间的兼容性问题的确是比较严重的。而对于使用最为广泛的Opera,目前来看基本上是实现了“跨平台”了。保持浏览器在各个平台上表现的一致性,无论对开发人员还是用户,都是非常重要的,目前来看,Opera在这方面是个好榜样。

当然没有人会专门做一个只兼容Opera Mini的网站,我最近将研究一些关于移动互联网开发的内容,欢迎关注。这个世界常常让人很痛苦,但是只要认真面对,痛苦总会有快乐相随。

参考文章

  • Opera Browser Standards support chart
  • A developer’s look at Opera Mini 5

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索手机
, css3
, opera
, 平台
, canvas css3 rotate
, storage
, 支持
android桌面背景
opera mini、opera mini 安卓、operamini、opera mini浏览器、download opera mini,以便于您获取更多的相关知识。

时间: 2024-09-20 20:56:32

Opera Mini 5对移动网站开发的影响的相关文章

CSS:移动网站开发的前端技术和技巧

网页制作Webjx文章简介:CSS:移动网站开发的前端技术和技巧. 上一篇我们谈到了移动网站中的标签,想必很多人也很想了解Mobile CSS的情况吧,本文将和大家一起探讨移动网站中的CSS标准. 介绍 Mobile css的标准也是有些复杂的,与前一篇文章中提到的类似,之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0,事实上它们都是CSS 2.1的子集,而且内容非常接近,不同的是,WAP CSS 1.0针对移动设备加入了一些扩展,这些扩展

网站开发人员应该知道的61件事

有人在Stack Overflow上发问,动手开发网站之前,需要知道哪些事情? 不出意料地,他得到了一大堆回答. 通常情况下,你需要把所有人的发言从头到尾读一遍.但是,Stack Overflow有一个很贴心的设计,它允许在问题下方开设一个wiki区,让所有人共同编辑一个最佳答案.于是,就有了下面这篇文章,一共总结出六个方面共计61条"网站开发须知". 我发现,这种概述性的问题,最适合这种集合群智.头脑风暴式的回答方式了.这也是我第一次觉得,Stack Overflow做到了Wikip

网站开发人员应该知道的62件事

近日,有人在 Stack Overflow 上发表提问"动手开发网站之前,需要知道哪些事情?",众多人给出了不同的答案,同时所有人根据Stack Overflow问题下面的wiki区对众多答案进行了编辑,总结出62条网站开发人员应该知道的事.Web技术开发者阮一峰 把这62条答案进行了翻译 ,现转载于此,全文如下: 有人在Stack Overflow 上发问,动手开发网站之前,需要知道哪些事情?不出意料地,他得到了一大堆回答. 通常情况下,你需要把所有人的发言从头到尾读一遍.但是,St

分享下网站开发人员应该知道的61件事_其它综合

不出意料地,他得到了一大堆回答. 通常情况下,你需要把所有人的发言从头到尾读一遍.但是,Stack Overflow有一个很贴心的设计,它允许在问题下方开设一个wiki区,让所有人共同编辑一个最佳答案.于是,就有了下面这篇文章,一共总结出六个方面共计61条"网站开发须知". 我发现,这种概述性的问题,最适合这种集合群智.头脑风暴式的回答方式了.这也是我第一次觉得,Stack Overflow做到了Wikipedia做不到的事.(难怪它最近挤进了全美前400大网站.) 在我的印象中,关于

网站开发人员开发网站之前应该知道的62件事

中介交易 SEO诊断 淘宝客 云主机 技术大厅 有人在Stack Overflow上发问,动手开发网站之前,需要知道哪些事情?不出意料地,他得到了一大堆回答.通常情况下,你需要把所有人的发言从头到尾读一遍.但是,Stack Overflow有一个很贴心的设计,它允许在问题下方开设一个wiki区,让所有人共同编辑一个最佳答案.于是,就有了下面这篇文章,一共总结出六个方面共计62条"网站开发须知". 我发现,这种概述性的问题,最适合这种集合群智.头脑风暴式的回答方式了.这也是我第一次觉得,

php网站-PHP+MySQL+nigix web网站开发

问题描述 PHP+MySQL+nigix web网站开发 怎样在本地创建多个IP,比如默认是只有127.0.0.1,我想在增加几个比如127.0.0.2或127.0.0.3.要配置哪些文件,该怎么配置 解决方案 需要改两个地方,window里面的,还有mysql里的 解决方案二: windows里面需要在host文件中修改,以管理员身份运行,至于nigix不太熟悉. 解决方案三: 你是想用几个ip来模拟负载均衡.最好是找几台机器,然后nginx就可以配置upstream来导向多台服务器 解决方案

网站开发中, php所扮演的角色,以及与其他语言,工具或库的关系,这个问题很重要

问题描述 网站开发中, php所扮演的角色,以及与其他语言,工具或库的关系,这个问题很重要 网站开发中, php所扮演的角色,以及与其他语言,工具或库的关系,这个问题很重要 解决方案 php是一种web脚本语言,它主要用来编写应用层.web应用层需要iis或者apache这样的web服务器去执行.只使用php其实也可以开发一个完整的服务器端程序了.如果你希望一部分业务放在客户端执行,那么需要用js脚本.如果你希望调用一些别的语言的库,或者出于性能的优化,可以用C++写dll,用php模块加载.

这种类似网站开发用的是什么框架?

问题描述 这种类似网站开发用的是什么框架? 解决方案 数据在后台数据库,查询,PHP就可以.

新手入门:PHP网站开发中常见问题汇总

PHP网站开发 动态网页制作PHP PHP教程 PHP技巧 PHP网站开发常见问题 [1]页面之间无法传递变量 get,post,session在最新的php版本中自动全局变量是关闭的,所以要从上一页面取得提交过来得变量要使用$_GET['foo'],$_POST['foo'],$_SESSION['foo']来得到 当然也可以修改自动全局变量为开(php.ini改为register_globals = On):考虑到兼容性,还是强迫自己熟悉新的写法比较好. [2]Win32下apache2 用