Mobile Opera Browser

Mobile Opera Browser유승근

Products

• Opera Desktop

• Opera Mini

• Opera Mobile

• Opera Device

• Opera Links

Opera Desktop

• 9.51

• Features

• Web Standard Support

• Zoom and Fit to width

• Widget

• Opera Dragonfly

Opera Mini

• Mobile / Smart phone

• Pre-processed contents

• Latest rel.: 4.1

• Supported phone list

• http://www.operamini.com/download/pc/all/

• Require Java Virtual Machine

Process

compile intocompressed binary

rendered onserver

renderingdesktop view/

single column view

Opera Mini Server

http://dev.opera.com/articles/view/evolving-the-internet-on-your-phone-des/

OBML(Opera Binary

Markup Language)

encrypted

based on Opera Desktop 9.5 rendering engine

Opera Mini Features

• HTML - Full except marquee, blink...

• CSS - Same as Desktop 9.5

• Very Limited JavaScript

• Good image support

• jpg, png, gif(not animated), bmp

• Can set image quality

Opera Mini JavaScript

• Limited support for DOM events

• No background scripting

• Very limited Ajax support

Opera Mini Features

• Small Screen / Desktop rendering mode

• Keyboard Shortcut

• Virtual Mouse & Power Scrolling

• Landscape Screen

• Save Pages, Down/Upload files

Opera Mini Simulator

• http://www.operamini.com/demo/?url=URL

Opera Mobile

• PDA / Smart phone

• 8.65

• Windows Mobile, S60, UIQ(Symbian)

• 9.5 beta

• downloadable - Windows Mobile 5,6

• Standards

• JavaScript & AJAX

• Flash Lite 3

• based on Flash 7

• ActionScript 2

Opera Mobile 9. 5b1

support for full desktop page views

Opera Mobile 9. 5b1

• iPhone-like UI

• Full Screen mode

• Zoom In / Out, Pan

• Fast Rendering

back bookmark tab home menu

Mini / Mobile Dev.

• Mini HTTP Request Header

• http://dev.opera.com/articles/view/opera-mini-request-headers/

• User Agent String

• Mini - Opera/9.5 (J2ME/MIDP; Opera Mini/4.0.xxxx/8; U; en)

• Mobile - Opera/9.51 (Microsoft Windows; PPC; Opera Mobi/buildnumber; U; en)

• Style selection by Media types/queries

• Opera Dragonfly support - remote debugging

CSS media type/queries

<link rel="stylesheet" type="text/css" media="screen" href="sans-serif.css"><link rel="stylesheet" type="text/css" media="print" href="serif.css">

@media screen { * { font-family: sans-serif }}

HTML

CSS

Media Type

<link rel="stylesheet" media="screen and (color)" href="example.css" />

@import url(color.css) screen and (color);@media screen and (min-width: 400px) and (max-width: 700px) { ... }

HTML

CSS

CSS 3 / Media Query

http://www.w3.org/TR/css3-mediaqueries/

Opera Device

• Device dependent customized Browser

• Opera 9.5 SDK for Device

http://www.opera.com/b2b/solutions/devices/gallery/

Wii

Opera Link

• Synchronize Bookmark & Dial Number

Synchronize

Conclusion

• Opera Mobile Products

• Opera Mini - limited JavaScript(AJAX)

• Opera Mobile

• Web Standard support

• Based on Opera Desktop 9.5 core

• Same view

References

• http://www.opera.com

• http://www.operamini.com

• http://dev.opera.com

• http://my.opera.com