Dia 1

Workshop Webtechnologie

Webbrowsers

11-02-2011

1

Inhoudsopgave

Webbrowser

Geschiedenis

Verschillende webbrowsers

Bekende webbrowsers

Minder bekende webbrowsers

Vergelijking

Snelheid

Processor verbruik

Weergave

Functies

11-02-2011

2

WebbrowserDefinitie

Computerapplicatie

Webpagina’s lokaliseren en weergeven

Oorspronkelijk:

Tekst

Nu:

Tekst

Afbeeldingen

Andere multimediabestanden

11-02-2011

3

WebbrowserWerking

Hoofddoel:

Informatie brengen aan de gebruiker

Werking:

URI ingeven (vb. http://www.google.be)

URI interpreteren a.d.h.v. voorvoegsel

Voorvoegsels

○HTTP

○HTTPS

○FTP

○mailto:

11-02-2011

4

WebbrowserWerking

HTML-code doorgegeven aan layoutengine

Layout engine:

HTML-code en layout informatiesamenvoegen

Interactief document

JavaScript:

“Live” interactie

11-02-2011

5

Geschiedenis

Eerste webbrowser:

WorldWideWeb (1990)

Eerste populaire webbrowser:

NCSA Mosaic

Browseroorlog:

Meeste gebruikers

Nieuwe technologieën

Einde: 1998

11-02-2011

6

Geschiedenis

11-02-2011

7

Verschillende webbrowsersInternet Explorer

Ontwikkelaar:

Microsoft

Eerste versie:

1995

Huidige stabiele versie:

Internet Explorer 8(19 maart 2009)

Bètaversie:

Internet Explorer 9

Internet Explorer.png

11-02-2011

8

Verschillende webbrowsersInternet Explorer

Internet Explorer 8.png

11-02-2011

9

Verschillende webbrowsersFirefox

Ontwikkelaar:

Mozilla

Open source

Eerste versie:

2004

Huidige stabiele versie:

Firefox 3.6.13(december 2010)

Bètaversie:

Firefox 4.0 Bèta 10

Internet Explorer.png

11-02-2011

10

Verschillende webbrowsersFirefox

Internet Explorer 8.png

11-02-2011

11

Verschillende webbrowsersSafari

Ontwikkelaar:

Apple

Eerste versie:

2003

Huidige stabiele versie:

Safari 5.0.3

Bètaversie:

Geen

Besturingssystemen:

Macintosh

Windows XP

Windows Vista

Windows 7

Internet Explorer.png

11-02-2011

12

Verschillende webbrowsersSafari

Internet Explorer 8.png

11-02-2011

13

Verschillende webbrowsersOpera

Ontwikkelaar:

Opera Software ASA

Eerste versie:

1996

Huidige stabiele versie:

Opera 11.01

Besturingssystemen:

Microsoft Windows

Mac OS X

Linux

Internet Explorer.png

11-02-2011

14

•Mobiel:

–Windows Mobile

–Android

–Symbian

Verschillende webbrowsersOpera

Internet Explorer 8.png

11-02-2011

15

Verschillende webbrowsersChrome

Ontwikkelaar:

Google

Open source

Eerste versie:

2008

Huidige stabiele versie:

Chrome 9.0.597.84(3 februari 2011)

Besturingssystemen:

Microsoft Windows

Mac OS X

Linux

Internet Explorer.png

11-02-2011

16

Verschillende webbrowsersChrome

Internet Explorer 8.png

11-02-2011

17

Verschillende webbrowsersMinder bekende webbrowsers

Flock:

Flock, Inc.

Internet Explorer.png

11-02-2011

18

Internet Explorer.png

Internet Explorer.png

•Konqueror

–KDE-gemeenschap

•Camino

–Camino Project

VergelijkingSnelheid

JavaScript

Document Object Model

JavaScript Comp.png

DOM Selection.png

11-02-2011

19

VergelijkingSnelheid

Casecade Style Sheet

Pagina laden

JavaScript Comp.png

DOM Selection.png

11-02-2011

20

VergelijkingSnelheid

Browser Cache

Processor verbruik

JavaScript Comp.png

DOM Selection.png

11-02-2011

21

VergelijkingWeergave

W3C Standaarden:

Webpagina’s hetzelfde uiterlijk

Standaarden niet opgevolgd:

Kleine verschillen tussen webbrowsers

11-02-2011

22

VergelijkingFuncties

Gelijkenissen

Verschillen

Tabblad browsing

Thema’s

GPU processen

Details per webbrowser

Internet Explorer:

Meest ondersteund

Firefox:

Grote verzameling extensiesen plug-ins

Safari:

Simpel

Opera:

Snelheid en innovatie

Chrome:

Snelheid

Afzonderlijke processen pertabblad

11-02-2011

23