Welke browsers moet u gebruiken voor HTML5- en CSS3-programmering? - dummies

De browser is het primaire hulpmiddel van internet. Dus voor HTML5- en CSS3-programmering moet u over praktische kennis beschikken, omdat al uw gebruikers uw pagina bekijken met één browser of een andere browser.

Microsoft Internet Explorer 10

Microsoft Internet Explorer (IE) blijft een dominante speler op internet. Explorer is nog steeds extreem gangbaar omdat het wordt geïnstalleerd met Microsoft Windows. Natuurlijk werkt het ook exclusief met Microsoft Windows. Mac en Linux worden niet ondersteund.

Versie 10 van IE heeft eindelijk respectabel voor de belangrijkste delen van de HTML5-standaard. Als u pagina's schrijft volgens de versie van HTML5, kunt u verwachten dat uw pagina goed werkt in IE10. De meeste functies werken ook in IE9, maar niet allemaal.

Oudere versies van Internet Explorer

De eerdere versies van IE zijn nog steeds uiterst belangrijk omdat er op zo veel computers nog geen 10 is geïnstalleerd. Versie 6 was al enige tijd de dominante speler op internet en weigert te sterven. Het zal echter niet goed spelen met moderne normen, dus het wordt door de meeste ontwikkelaars als achterhaald beschouwd.

Mozilla Firefox

Firefox is een grote verbetering ten opzichte van IE vanuit het oogpunt van een programmeur, om de volgende redenen:

Betere codeweergave: Als u de HTML-code van een pagina ziet u de code in een speciaal venster. De code heeft syntaxkleuring, waardoor het gemakkelijk te lezen is. Sommige versies van IE-weergavecode in Kladblok, wat verwarrend is omdat u denkt dat u de code kunt bewerken, maar dat u gewoon een kopie bewerkt.
Betere foutafhandeling: U maakt fouten. In het algemeen doet Firefox het beter om fouten aan te geven dan IE, vooral wanneer u JavaScript en andere geavanceerde technologieën begint te gebruiken.
Fantastische extensies: Firefox heeft enkele prachtige extensies die het ontwikkelen van websites een stuk eenvoudiger maken. Met deze extensies kunt u uw code on the fly wijzigen, uw code automatisch valideren en de structuur van uw pagina dynamisch verkennen.
Ondersteuning voor meerdere platformen: IE werkt alleen op het Windows-besturingssysteem, dus het is niet beschikbaar voor Mac- of Linux-gebruikers. Zelfs als u een ontwikkelaar bent die alleen Windows gebruikt, kunnen uw gebruikers iets anders gebruiken, dus u moet weten hoe de andere browsers dingen zien.

WebKit / Safari

De standaardbrowser voor Mac en het iPhone / iPad-besturingssysteem (iOS) heet Safari. Het is een krachtige browser die is gebouwd op de WebKit-renderingengine. Safari is ontworpen met naleving van normen en snelheid in gedachten.Uw Mac- en iOS-gebruikers zullen vrijwel zeker Safari gebruiken, dus u moet er iets van weten. Chrome gebruikt ook WebKit, dus als dingen er goed uitzien op Chrome, bent u waarschijnlijk goed met uw Apple-gebruikers.

Google Chrome

Google ziet de toekomst van computers in browsergebaseerde applicaties met behulp van AJAX-technologieën. De Chrome-browser is extreem snel, met name in de JavaScript-technologie die als basis voor deze strategie dient. Daarnaast heeft Chrome een aantal ontwikkelaarstoolkits waarmee het de hands-down favoriete browser is voor veel webontwikkelaars. Dit zijn de hoogtepunten:

Realtime paginabewerking: Je kunt naar elke webpagina gaan, rechtsklik op 'dit element inspecteren' en de tekst van dat element in realtime aanpassen. Je kunt dan zien hoe het element eruit ziet met nieuwe inhoud. U kunt een deel van de pagina selecteren om te zien welke pagina overeenkomt met de code, en u kunt de code selecteren en zien welk deel van de pagina die code vertegenwoordigt.
Paginarangschikking: Een goed ontworpen webpagina wordt op hoofdlijnen gemaakt, met verschillende elementen die in elkaar zijn genest. Met de elementenweergave kunt u de webpagina in deze indeling bekijken, met de mogelijkheid om elementen samen te vouwen en uit te vouwen om de structuur van uw pagina duidelijk te zien.
Realtime CSS-bewerking: Wanneer u ontdekt hoe u CSS-stijlen toepast, wilt u wellicht zien hoe verschillende CSS-regels uw pagina wijzigen. In de weergave Inspecteerelement kunt u een deel van uw pagina markeren en de CSS wijzigen terwijl u ziet hoe de wijziging uw pagina in realtime beïnvloedt.
Netwerktab: Met deze functie kunt u nagaan hoe lang het duurt om elk stukje van uw pagina te laden. Dit kan handig zijn bij het oplossen van problemen met een traag ladende pagina.
Bronnenweergave: Hiermee kunt u de volledige code van uw pagina bekijken. Het is vooral handig wanneer u naar JavaScript-programmering gaat, omdat het een krachtige foutopsporingssuite bevat.
Console: De consoleweergave is een klein opdrachtregelprogramma dat rechtstreeks in uw browser is geïntegreerd. Dit kan erg handig zijn omdat het vaak fouten toont die anders niet zichtbaar zijn. De console is vooral handig bij het gebruik van JavaScript.

Andere opmerkelijke browsers

Firefox en IE zijn de grote spelers in de browserwereld, maar ze zijn zeker niet de enige browsers die je tegenkomt.

Opera

De Opera-webbrowser, een van de eerste browsers die voldoet aan de standaarden, is een technisch solide browser die nog nooit op grote schaal is gebruikt. Als u uw pagina's ontwerpt met strikte naleving, hebben gebruikers met Opera geen problemen om toegang te krijgen tot deze pagina's. Opera heeft een zeer goede HTML5-conformiteit. Veel gameconsoles en mobiele apparaten hebben browsers op basis van Opera, dus het is de moeite waard om naar te kijken.

WebKit / Safari

Apple heeft een webbrowser in alle recente versies van Mac OS. De huidige incarnatie - Safari - is een uitstekende browser die voldoet aan de standaarden. Safari is oorspronkelijk alleen voor de Mac ontworpen, maar er is ook een Windows-versie beschikbaar. Het WebKit-framework, de basis voor Safari, wordt gebruikt in een aantal andere online applicaties, voornamelijk op de Mac.Een aangepaste versie van Safari is de basis van de browsers op iOS.

Browsing met alleen tekst

Sommige browsers die helemaal geen grafische weergave bevatten (zoals Lynx) zijn bedoeld voor de oude opdrachtregelinterfaces. Hoewel ze schijnbaar irrelevant zijn, zijn deze browsers ongelooflijk snel omdat ze geen afbeeldingen weergeven. Auditieve browsers lezen de inhoud van webpagina's. Ze waren oorspronkelijk bedoeld voor mensen met een visuele handicap, maar mensen zonder handicap gebruiken ze vaak ook. Fire Vox is een variant van Firefox die webpagina's hardop voorleest.