SlideShare a Scribd company logo
1 of 14
-Review of browsers architecture by Rohit Joshi
   Browser introduction
     Top Level Architecture
   Browser History/Lineage
     How various browsers are related
     Survey of Current Prevailing browser
     Who promotes them
     What is the differentiating factor
   Mobile Browsers
   Scripting (ECMA)
     JavaScript (JS)
     ActionScript (AS)
   HTML Document Structure
     CSS
     Tables
     DOM
   Plugins
     Flash
     Audio/Video
   Helper Application
     Adobe
     XML
   “A Web browser is a software application that
    enables a user to display and interact with
    text, images, and other information typically
    located on a Web page at a website on the
    World Wide Web or a local area network... Web
    browsers format HTML information for
    display, so the appearance of a Web page
    may differ between browsers.”
Browser        Creator     Cost   Open Source   Engine    Key Differentiator


Firefox        Mozilla     Free   Yes           Gecko              Feature rich
                                                                   Secure
                                                                   Plans for Firefox
                                                                    Mobile
Opera          Opera       Free   No            Presto             Light Weight
Opera Mobile   Opera       24$    No            Presto             Can installs Java App
                                                                    also
IExplorer      Microsoft   Win    No            Trident            -
Safari         Apple       Free   No            WebKit             UI
                                                                   HTML Speed
NetFront       Access      ?      No            ?                  Best in class Widget
                                                                    support
                                                                   Fast Rendering
                                                                   Bluestreak
                                                                    Technology's Flash
                                                                    playe
                                                                   EBO (Embedded
                                                                    Browser Optimization)
                                                                    from Bytemobile
Shorter Bars are better




                                         –   Safari is fast but not that fast, it has tweak to show better numbers

–   Source ZD Net Here
   Mobile browsers are optimized to display Web content most effectively for small screens
   Current Mobile support most of PC browser functionality
   Typical Additional support
       WML, i-mode HTML, or cHTML,.
   Browsers used by major mobile phone and PDA vendors
       Android (mobile phone platform) by Google (based on WebKit)
       BlackBerry Browser by BlackBerry (proprietary)
       Blazer by Palm, installed on all newer Palm Treos and PDAs (based on NetFront).
       Internet Explorer Mobile by Microsoft Inc. (browser engine history unknown).
       MOTOMAGX by Motorola (based on WebKit).
       NetFront by ACCESS Co., Ltd. (proprietary).
       Nokia Series 40 Browser by Nokia (proprietary).
       Opera Mobile by Opera Software ASA (Norway). - Capable of reading HTML and reformat for small screens
        (proprietary).
       Safari by Apple Inc on iPhone and iPod Touch (based on WebKit).
       Web Browser for S60 by Nokia (based on WebKit).
   Mobile HTML transcoders
       Mobile transcoders reformat and compress web content for mobile devices
       used in conjunction with built-in or user-installed microbrowsers
   Can also be used to design Complete UI
       Movial IXS
       KDE - Knoqueror
   Features from Marketing
     Faster content Display
     Faster Zoom In/Out
     Rendering Mode Changes are
      Now Faster
     Backend Optimization
   UI consideration for Mobile
    screen
   Fully integrated with Access
    Linux Platform
   Never browser was named mozilla
     Phoenix, Galeon, Firefox
   Part of Mozilla Application Suite
   Managed by Mozilla Corporation
    (Taxable entity)
   Wholly owned subsidary of Mozilla
    Foundation (NPO)
   Mozilla Based
     FireFox (Managed by Mozilla
      Foundation)
     Maemo has plan (GNOME MOBILE)
      http://browser.garage.maemo.org/
     Movial has plan
   Developed by Apple
   Modified from KDE
    (Konqueror)
     KHTML morphed to Webkit
     KJAVA morphed JavaScript-
      Core
     KWQ came due to OS-X
      Requirements
   UI Proprietary of Apple
   3 main components
     UI
                        Browser Application User Interface (Browser UI),
                        Browser Engine (Engine) and
                        Bookmark Manager (BM)
                    Browser UI
                        developed by Nokia
                        It makes use of GTK with Hildon
                        Hildon support can be disabled at compile time
    EAL
                        interacts with Engine via Engine Abstraction Layer
                         (EAL)
                    EAL
                        not dependent on any engine implementation
                        open source component developed by Nokia.
                    3 browser engines are compatible with the
                     Browser UI:
 Variant EAL            Opera Engine, included in Nokia 770 and Nokia N800
                         devices as part of Internet Tablet OS 2005, 2006, and
                         2007 editions.
                        Mozilla Engine which can be used in Nokia N800
                         device now. It is delivered together with the
                         development version of Mozilla based browser for
                         maemo.
                        WebKit Engine is a community driven
                         implementation of GTK WebKit for maemo platform.
Variant Engine
Happy Browsing

More Related Content

Viewers also liked

Fundamentals of Browser Rendering Css Overview PT 2
Fundamentals of Browser Rendering Css Overview PT 2Fundamentals of Browser Rendering Css Overview PT 2
Fundamentals of Browser Rendering Css Overview PT 2Barak Drechsler
 
Optimizing Browser Rendering
Optimizing Browser RenderingOptimizing Browser Rendering
Optimizing Browser Renderingmichael.labriola
 
Fundamentals of Browser Rendering Css Overview PT 1
Fundamentals of Browser Rendering Css Overview PT 1Fundamentals of Browser Rendering Css Overview PT 1
Fundamentals of Browser Rendering Css Overview PT 1Barak Drechsler
 
Architecture of the Web browser
Architecture of the Web browserArchitecture of the Web browser
Architecture of the Web browserSabin Buraga
 
Web browser architecture
Web browser architectureWeb browser architecture
Web browser architectureNguyen Quang
 

Viewers also liked (7)

5
55
5
 
Fundamentals of Browser Rendering Css Overview PT 2
Fundamentals of Browser Rendering Css Overview PT 2Fundamentals of Browser Rendering Css Overview PT 2
Fundamentals of Browser Rendering Css Overview PT 2
 
Optimizing Browser Rendering
Optimizing Browser RenderingOptimizing Browser Rendering
Optimizing Browser Rendering
 
How browser work
How browser workHow browser work
How browser work
 
Fundamentals of Browser Rendering Css Overview PT 1
Fundamentals of Browser Rendering Css Overview PT 1Fundamentals of Browser Rendering Css Overview PT 1
Fundamentals of Browser Rendering Css Overview PT 1
 
Architecture of the Web browser
Architecture of the Web browserArchitecture of the Web browser
Architecture of the Web browser
 
Web browser architecture
Web browser architectureWeb browser architecture
Web browser architecture
 

Similar to Web Browser Demystified

Similar to Web Browser Demystified (20)

Internet browsers by Andres Haydar
Internet browsers by Andres HaydarInternet browsers by Andres Haydar
Internet browsers by Andres Haydar
 
Trabajo de jose
Trabajo de jose Trabajo de jose
Trabajo de jose
 
Web browsers
Web browsersWeb browsers
Web browsers
 
Web browsers
Web browsersWeb browsers
Web browsers
 
Browser (1)
Browser (1)Browser (1)
Browser (1)
 
Browser (1)
Browser (1)Browser (1)
Browser (1)
 
Browsers in the actuality.
Browsers in the actuality.Browsers in the actuality.
Browsers in the actuality.
 
browser of the actuality
browser of the actualitybrowser of the actuality
browser of the actuality
 
Browsers
BrowsersBrowsers
Browsers
 
Browsers
BrowsersBrowsers
Browsers
 
Browsers
BrowsersBrowsers
Browsers
 
Web browsers
Web browsersWeb browsers
Web browsers
 
Web browsers
Web browsersWeb browsers
Web browsers
 
Firefox os
Firefox osFirefox os
Firefox os
 
Browsers .
Browsers .Browsers .
Browsers .
 
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
 
Mozilla In Malaysia
Mozilla In MalaysiaMozilla In Malaysia
Mozilla In Malaysia
 
DDive- Giuseppe Grasso - mobile su Lotus
DDive- Giuseppe Grasso - mobile su LotusDDive- Giuseppe Grasso - mobile su Lotus
DDive- Giuseppe Grasso - mobile su Lotus
 
Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)
 
soft-shake.ch - Introduction to HTML5
soft-shake.ch - Introduction to HTML5soft-shake.ch - Introduction to HTML5
soft-shake.ch - Introduction to HTML5
 

Web Browser Demystified

  • 1. -Review of browsers architecture by Rohit Joshi
  • 2. Browser introduction  Top Level Architecture  Browser History/Lineage  How various browsers are related  Survey of Current Prevailing browser  Who promotes them  What is the differentiating factor  Mobile Browsers
  • 3. Scripting (ECMA)  JavaScript (JS)  ActionScript (AS)  HTML Document Structure  CSS  Tables  DOM  Plugins  Flash  Audio/Video  Helper Application  Adobe  XML
  • 4. “A Web browser is a software application that enables a user to display and interact with text, images, and other information typically located on a Web page at a website on the World Wide Web or a local area network... Web browsers format HTML information for display, so the appearance of a Web page may differ between browsers.”
  • 5.
  • 6.
  • 7. Browser Creator Cost Open Source Engine Key Differentiator Firefox Mozilla Free Yes Gecko  Feature rich  Secure  Plans for Firefox Mobile Opera Opera Free No Presto  Light Weight Opera Mobile Opera 24$ No Presto  Can installs Java App also IExplorer Microsoft Win No Trident  - Safari Apple Free No WebKit  UI  HTML Speed NetFront Access ? No ?  Best in class Widget support  Fast Rendering  Bluestreak Technology's Flash playe  EBO (Embedded Browser Optimization) from Bytemobile
  • 8. Shorter Bars are better – Safari is fast but not that fast, it has tweak to show better numbers – Source ZD Net Here
  • 9. Mobile browsers are optimized to display Web content most effectively for small screens  Current Mobile support most of PC browser functionality  Typical Additional support  WML, i-mode HTML, or cHTML,.  Browsers used by major mobile phone and PDA vendors  Android (mobile phone platform) by Google (based on WebKit)  BlackBerry Browser by BlackBerry (proprietary)  Blazer by Palm, installed on all newer Palm Treos and PDAs (based on NetFront).  Internet Explorer Mobile by Microsoft Inc. (browser engine history unknown).  MOTOMAGX by Motorola (based on WebKit).  NetFront by ACCESS Co., Ltd. (proprietary).  Nokia Series 40 Browser by Nokia (proprietary).  Opera Mobile by Opera Software ASA (Norway). - Capable of reading HTML and reformat for small screens (proprietary).  Safari by Apple Inc on iPhone and iPod Touch (based on WebKit).  Web Browser for S60 by Nokia (based on WebKit).  Mobile HTML transcoders  Mobile transcoders reformat and compress web content for mobile devices  used in conjunction with built-in or user-installed microbrowsers  Can also be used to design Complete UI  Movial IXS  KDE - Knoqueror
  • 10. Features from Marketing  Faster content Display  Faster Zoom In/Out  Rendering Mode Changes are Now Faster  Backend Optimization  UI consideration for Mobile screen  Fully integrated with Access Linux Platform
  • 11. Never browser was named mozilla  Phoenix, Galeon, Firefox  Part of Mozilla Application Suite  Managed by Mozilla Corporation (Taxable entity)  Wholly owned subsidary of Mozilla Foundation (NPO)  Mozilla Based  FireFox (Managed by Mozilla Foundation)  Maemo has plan (GNOME MOBILE) http://browser.garage.maemo.org/  Movial has plan
  • 12. Developed by Apple  Modified from KDE (Konqueror)  KHTML morphed to Webkit  KJAVA morphed JavaScript- Core  KWQ came due to OS-X Requirements  UI Proprietary of Apple
  • 13. 3 main components UI  Browser Application User Interface (Browser UI),  Browser Engine (Engine) and  Bookmark Manager (BM)  Browser UI  developed by Nokia  It makes use of GTK with Hildon  Hildon support can be disabled at compile time EAL  interacts with Engine via Engine Abstraction Layer (EAL)  EAL  not dependent on any engine implementation  open source component developed by Nokia.  3 browser engines are compatible with the Browser UI: Variant EAL  Opera Engine, included in Nokia 770 and Nokia N800 devices as part of Internet Tablet OS 2005, 2006, and 2007 editions.  Mozilla Engine which can be used in Nokia N800 device now. It is delivered together with the development version of Mozilla based browser for maemo.  WebKit Engine is a community driven implementation of GTK WebKit for maemo platform. Variant Engine