Complete handleiding voor compatibiliteitscontrole tussen browsers

Internetgebruikers hebben een ruimere keuze aan browsers als het gaat om surfen op het internet. Het is onze verantwoordelijkheid als ontwerpers en ontwikkelaars ervoor te zorgen dat websites die we hebben gemaakt, tegenwoordig compatibel zijn voor de meeste veelgebruikte browsers.

Dat leidt tot een eenvoudige maar toch kritische vraag - welke browsers onze bezoekers gebruiken? Volgens w3school zijn veelgebruikte browsers dat wel Internet Explorer 7 & 8 en Firefox met Safari en Google Chrome geleidelijk aan het oppakken. Maar de cijfers kunnen van site tot site verschillen, afhankelijk van de niche. Het is het beste om de demografische gegevens te halen uit uw sitestatistieken, Google Analytics bijvoorbeeld.

Zodra u algemene browsers hebt geïdentificeerd die uw bezoekers gebruiken, is het tijd om ervoor te zorgen dat de website hetzelfde wordt weergegeven in deze browsers. Het is bijna onmogelijk om alle verschillende browsers op één machine te installeren. Maar dankzij enkele hulpprogramma's en webservices die er zijn, is het mogelijk om erachter te komen hoe uw website eruitziet in andere browsers.

In dit artikel willen we u wijzen op enkele van de oplossingen waarop u kunt vertrouwen om compatibiliteitstests voor meerdere browsers uit te voeren. Volledige lijst na sprong.

Test compatibiliteit online

Browsershots

Browsershots is een gratis en populairste multiplatform-compatibiliteitstestprogramma voor meerdere browsers voor webontwerpers. Browsershots maken schermafbeeldingen van uw webontwerp in verschillende browsers. In de Browsershots-database zijn alle populairste browsers opgenomen en kunt u eenvoudig controleren hoe uw website eruitziet in alle browsers en OS-platforms..

Browser Sandbox

Deze pagina is gemaakt door Spoon.net en stelt u in staat om verschillende browsers, waaronder IE, Firefox, Safari, Chrome en Opera vanuit uw browser te gebruiken. Simpel als dat.

Netrenderer

IE NetRenderer is een gratis compatibiliteitstester voor browsers. Met IE NetRenderer kunt u controleren hoe een website wordt weergegeven door verschillende versies van Internet Explorer. Na bètatesting, zeer binnenkort in IE zal NetRenderer de nieuwste versie van IE - IE9 worden geïntegreerd en zult u kunnen zien dat uw website fouten toont in deze browser.

Browsrcamp

Met Browsrcamp kunt u de compatibiliteit van uw ontwerp testen met Mac OS X-browsers. Als u geen geld wilt uitgeven, kunt u de compatibiliteit van uw ontwerp controleren met Safari 3.1.2. Voeg eenvoudig uw website-URL toe en u krijgt het screenshot van uw website. Maar als je de compatibiliteit met andere Mac-browsers wilt controleren, kun je je aanmelden voor 3 $.

Adobe Browserlab

Adobe Browserlab is een webhosted service waarmee ontwerpers ontwerpen in meerdere browsers en besturingssystemen kunnen testen. In dit systeem zijn een zoomfunctie en meetinstrumenten zoals linialen en hulplijnen opgenomen, en de mogelijkheid om snel naar specifieke delen van een screenshot te gaan. Met browsersets kunnen ontwerpers een combinatie van browsers aanpassen, bewerken en opslaan om te testen.

Litmusapp

Litmus toont screenshots van uw websites terwijl deze in alle belangrijke webbrowsers kijken. Nadat u klaar bent met testen, kunt u een volledig compatibiliteitsrapport aanvragen dat door uw klanten kan worden beoordeeld. Lakmoes heeft 4 tariefplannen. U kunt zich gratis registreren en alleen Explorer 7- en Firefox 2-browsertests gebruiken, of u kunt tariefplannen kiezen.

Anybrowser siteviewer

Anybrowser Site Viewer laat u HTML-pagina's zien zoals andere browsers dat zouden doen, of op verschillende schermformaten. U kunt van link naar koppelingspagina's bladeren als ze in verschillende browsers worden weergegeven en controleren op zuiverheid van tekst. Met de Anybrowser Site Viewer kunt u ook specifieke pagina-elementen selecteren.

Fundisom

Fundisom is een screenshotgenerator van Mac waarmee u uw site kunt bekijken op een Macintosh G5 in Safari, MacIE of Mozilla. Voorlopig is de lixlpixel-webontwikkeling Safari Screenshot Generator tijdelijk offline, maar je kunt deze later bekijken.

Delorie lynxview

Delorie lynxview is service waarmee webauteurs kunnen zien hoe hun pagina's eruitzien wanneer ze worden bekeken met Lynx, een webbrowser in tekstmodus.

Browsera

Browsera is bedoeld om te worden gebruikt als een testtool, niet alleen als een screenshot-tool, en werkt op siteniveau in plaats van op paginaniveau. Browsera crawlt de pagina's op uw site en test ze in feite voor opmaakinconsistenties en scriptingfouten.

IE Tab

IE-tabblad is een add-on voor Firefox waarmee u webpagina's in Internet Explorer kunt laden zonder dat u een ander browservenster hoeft te openen. Klik gewoon op een knop op de Firefox-werkbalk en het opent de huidige pagina in een nieuw tabblad dat de Internet Explorer-engine gebruikt in plaats van Firefox.

Plugin en tools

IETester

IETester is een gratis webbrowser waarmee u de rendering- en javascript-engines van IE9-preview, IE8, IE7 IE 6 en IE5.5 op Windows 7, Vista en XP kunt gebruiken. Het is handig voor webontwikkelaars om te testen of hun sites naar behoren werken in alle meest voorkomende Internet Explorer-versies.

IECapt

IECapt is een klein commandoregelhulpprogramma om de weergave van een webpagina door Internet Explorer vast te leggen in een BMP-, JPEG- of PNG-afbeeldingsbestand.

Multi-Safari

Multi-Safari is een gratis browsercompatibiliteitstestprogramma waarmee u de weergave van uw website kunt controleren met behulp van verschillende versies van Safari. Multi-Safari staat testen van schermresoluties niet toe.

Expression Web SuperPreview

Expression Web SuperPreview is een gratis tool waarmee gebruikers hun websites kunnen testen op verschillende versies van Internet Explorer. Expression Web SuperPreview is een op zichzelf staande visuele foutopsporingstool die het gemakkelijker maakt om uw sites te migreren van IE6 naar IE7 of 8.

iPhoney

iPhoney biedt u een pixel-accurate web browsing-omgeving, die u kunt gebruiken bij het ontwikkelen van websites voor de iPhone. Het is het perfecte canvas van 320 bij 480 pixels voor je iPhone-ontwikkeling. iPhoney is geen iPhone-simulator, maar is in plaats daarvan ontworpen voor webontwikkelaars die 320 bij 480 websites willen maken voor gebruik met de iPhone.

MultipleIEs

Met MultipleIEs kunt u uw webpagina testen in Internet Explorer 3, 4, 5 en 6. Dit zijn oude browsers, maar als dat mogelijk is, is uw website beschikbaar voor alle browsers, controleer ook de oudste IE-versies met MultipleIEs.

Meerdere IE

Meerdere IE is vergelijkbaar gereedschap zoals MultipleIEs. Meerdere IE is een klein pakket waarmee je meerdere versies van IE op dezelfde machine kunt uitvoeren, van IE 6.0 helemaal terug naar IE 3.0

SortSite Professional

Met SortSite Professional kunnen websitebouwers, -eigenaren en -consultants hele sites controleren op naleving van standaarden en kwaliteitsproblemen. SortSite controleert elke gevonden pagina en produceert vervolgens een rapport met elk probleem. SortSite controleert meer dan 300 kwaliteitscontrolepunten.

Lunascape

Lunascape is de eerste en enige drievoudige engine-browser ter wereld. In zijn opgenomen hoofdbrowsers: IE, Firefox, Chrome, Safari. Met Lunascape kunt u de juiste engine kiezen om op het juiste moment te gebruiken, waardoor de compatibiliteitsproblemen met de webbrowser, lange laadtijden en onjuiste weergave van websites drastisch verminderen..

Premium Services

Browsercam

BrowserCam is een betaalde online service waarmee u uw webpagina's op verschillende platforms en browsers kunt bekijken, door automatisch de schermafbeeldingen van uw keuze te maken of door op afstand toegang te krijgen tot computers.

Crossbrowsertesting

Met de site kunt u uw website testen (of die van iemand anders), op elk besturingssysteem en elke browser. Dit zou u veel tijd besparen als u dingen gedaan wilt krijgen. Abonnementen kosten vanaf $ 19,95.

Url2image

Met de Url2image-webserverfarm en als ingelogde gebruiker kunt u schermafbeeldingen van uw webpaginaontwerp aanvragen met verschillende combinaties van browsers en besturingssystemen. Url2image biedt prijzen voor screenshots. 2 schermafbeeldingen kosten $ 1.

SortSite

SortSite Professional controleert pagina's op een reeks functies die niet goed werken, of zich anders gedragen, in verschillende browsers. Standaard licentieprijs is $ 149.

Multi Browser Viewer

Multi Browser Viewer bevat 17 voorverpakte, gevirtualiseerde stand-alone browsers. Naast 17 zelfstandige browsers, heeft Multi-Browser Viewer ook de mogelijkheid om uw site te testen in 50 browsers op drie besturingssystemen (Mac, Windows en Linux). Een licentie voor één gebruiker is $ 99,95.

Cloud testen

Met de functie Cross Browser Testing van Cloud Testing kunt u zowel het uiterlijk als de functionaliteit van uw e-commerce- en transactionele websites verifiëren met IE 6,7,8, Firefox, Apple Safari, Google Chrome en Opera-browsers. Prijs per één test is £ 0,10.