Mobile Opera Browser
description
Transcript of 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