Ultieme gratis tools voor cross-browser testen

Als u een eigen website heeft, of het nu gaat om een ​​grote bedrijfssite of een kleine blog, is het belang van desktoptesten op meerdere browsers hetzelfde.

U kunt uw site bekijken met de nieuwste versie van Firefox en het ziet er geweldig uit. Dan kan een bezoeker het in Internet Explorer 9 bekijken en het ziet er niet alleen vreselijk uit, maar werkt ook niet correct. Raad eens? Je bent zojuist een terugkerende bezoeker kwijtgeraakt.

Waarom moet ik testen in meerdere browsers??

Naast het verliezen van bezoekers en verkeer Hoe te onderzoeken waarom uw website zoveel zoekverkeer heeft verloren Hoe te onderzoeken waarom uw website zoveel zoekverkeer heeft verloren Wat doet u wanneer u bent getroffen door een algoritme-update, of het nu Panda, Hummingbird, of een toekomstig dier van de variëteit in zoekmachines? Herstel uw verkeer met deze technieken. Meer lezen, u kunt de verkoop verliezen. Als u een website heeft om uw product of service te verkopen en een potentiële klant kan geen bestelling plaatsen, omdat uw formulier Chrome niet weergeeft of in gebruik is, schaam u dan. Zelfs als je een persoonlijke blog hebt waarin je mensen om feedback vraagt ​​en ze je niet kunnen geven omdat je contactformulier alleen in Opera wordt weergegeven of werkt, dan ben je de feedback en de terugkerende bezoeker kwijtgeraakt.

Dit is wat Seque Technologies, een bedrijf op het gebied van technologieoplossingen voor federale, commerciële en non-profitorganisaties, te zeggen heeft over cross-browser testen:

Met zoveel variabelen aan het oppervlak, zijn er nog meer verschillen daaronder die invloed hebben op de manier waarop websites en webtoepassingen verschillende browsers weergeven en gedragen. Daarom is het, als een webtoepassing wordt voltooid, een goede gewoonte om Cross Browser-tests uit te voeren.

Het testen van uw website in verschillende desktopbrowsers zou, als dat nog niet het geval is, voor u een normale praktijk zijn. Controleer het uiterlijk en voel, test de navigatie en vul formulieren in en dien deze in, anders loopt u het risico bezoekers, klanten en verkeer te verliezen.

Hoe voer ik cross-browser testen uit?

Je weet al wat je moet testen, maar hoe doe je dat als je toegewijd bent aan een specifieke browser? Een ding dat je kunt doen is de nieuwste versies van de belangrijkste browsers downloaden naar je computer.

Firefox, Internet Explorer, Safari, Chrome en Opera Opera 15 is een snellere, eenvoudigere versie van Chrome, en hier zijn 3 geweldige redenen om het te proberen Opera 15 is een snellere, eenvoudigere Chrome, en hier zijn 3 goede redenen om het te proberen Het lijkt misschien belachelijk nu, maar toen ik jonger was, vertrok ik een grote prop geld voor Opera, een revolutionaire webbrowser uit Noorwegen. Ik nam het mee naar huis, enthousiast dat ik uiteindelijk ... Read More normaal kan worden gedownload en geïnstalleerd, maar misschien kun je dit niet of niet schelen. In dat geval zijn er veel webgebaseerde tools die kunnen worden gebruikt om deze browsers te simuleren.

Tools zoals BrowserStack, Ghostlab en CrossBrowserTesting zijn beschikbaar, maar zijn niet gratis en kunnen prijzig worden, afhankelijk van uw behoeften. Gelukkig zijn er een aantal webgebaseerde hulpprogramma's die gratis beschikbaar zijn en die elk verschillende testfuncties bieden.

Browsershots

Browsershots is een zeer eenvoudig te gebruiken online tool. Het maakt testen in belangrijke desktopbrowsers mogelijk en bevat verschillende versienummers waaruit u kunt kiezen. Zodra u de URL opgeeft van de site die u aan het testen bent (u moet verschillende URL's opgeven voor elke pagina van de site), wacht u slechts een paar minuten en ziet u schermafbeeldingen van de site in elk van de browsers die u gebruikt koos.

Houd er bij Browsershots rekening mee dat u alleen schermafbeeldingen van uw site ziet. Dit is goed voor het controleren van het uiterlijk en het gevoel, maar u kunt niet echt “test” navigatie en formulieren. Voor een gratis tool is het goed om ervoor te zorgen dat uw site er in verschillende versies van de desktopversie correct uitziet.

Spoon Browser Sandbox

Spoon biedt een meer robuuste optie voor cross-browser testen waarbij u meer krijgt dan alleen schermafbeeldingen. Voor de grote browsers, Chrome, Firefox Browser Wars: Firefox versus Chrome versus Opera, de definitieve benchmark Browser Wars: Firefox versus Chrome versus Opera, de definitieve benchmark Als je maar één browser kon kiezen, welke zou dat dan zijn? Wat is het beste: Firefox, Chrome of Opera? We zullen het je laten zien. Lees Meer, Internet Explorer, Opera en Safari, u kiest de exacte versie die u wilt gebruiken.

Het is gratis om te testen met de nieuwste versies van deze browsers, maar als je oudere versies wilt controleren, is er een vergoeding. Maar als testen in de nieuwste versies van de browsers voldoende is voor uw behoeften, werkt deze tool goed.

Zodra u selecteert welke browser u wilt, wordt deze in een nieuw venster geopend. Voer vervolgens uw URL in en test deze.

De browservensters maken complete testervaringen mogelijk. Let op, deze website vraagt ​​u om een ​​plug-in te installeren, dus als u niet tevreden bent met het downloaden en installeren van hun EXE-bestand, dan wilt u wellicht in plaats daarvan naar een ander op het web gebaseerd hulpmiddel kijken.

Viewlike.us

Viewlike.us is een beetje anders dan de andere in zoverre dat het je je site laat zien in verschillende resoluties 3 Firefox-plugins om je website te testen in verschillende resoluties 3 Firefox-plugins om je website in verschillende resoluties te testen Meer lezen. Dit is opnieuw goed voor het testen van het uiterlijk van de site, maar het biedt u enkele nuttige details voor reactievermogen.

U kunt snelheids- en bruikbaarheidsscores verkrijgen met deze tool. Als dingen zoals beeldreactiegrootte, HTML-antwoordgrootte en zelfs het aantal statische bronnen nuttig voor u zijn, dan is deze nuttig.

Het bevat ook informatie over de bruikbaarheidregels, bijvoorbeeld of uw site plug-ins gebruikt of dat lettergrootten onleesbaar zijn. U ziet dan een screenshot van uw site in verschillende resoluties. U kunt vervolgens andere resoluties selecteren voor het bekijken van uw site op smartphones en tablets.

IE NetRenderer

Voor een andere controle van uw website op een andere browser, kunt u IE NetRenderer proberen. Vanzelfsprekend laat deze je alleen je site zien in Internet Explorer Internet Explorer op je Mac uitvoeren (en waarom je maar wilt) Hoe je Internet Explorer op je Mac kunt uitvoeren (en waarom je dat zou willen) Is het mogelijk om het vlaggenschip uit te voeren? Microsoft-browser op een OSX-computer? Lees verder om erachter te komen ... Lees meer, maar het geeft u de mogelijkheid om te kiezen tussen IE 5.5 tot IE 11.

Dit is nog een zeer eenvoudige tool die alleen echt goed werkt om het uiterlijk van uw site uit te testen.

Browsera

Browsera biedt nuttige informatie over uw site voor weergave en fouten. Voer gewoon de URL in de tool in en begin vervolgens met het crawlen van uw site. U kunt kijken terwijl het door uw verschillende pagina's beweegt en het toont hoeveel tijd er nog resteert voor de test.

Wanneer de test is voltooid, ontvangt u een e-mail met de resultaten en een venster vol met details over de Browsera-site Browsera: Test uw site in verschillende browsers Browsera: test uw site in verschillende browsers Lees meer .

Als u JavaScript-fouten heeft ontvangen, geeft dit u geweldige details, waaronder browsertype en -versie, pagina of item op uw site, de regel in de code die de fout bevat en wat de fout is, bijvoorbeeld, “ongeldige waarde van het vermogen”.

U kunt lay-outverschillen ook bekijken voor verschillende versies van Firefox en Internet Explorer, elk binnen zijn eigen schuifbaar venster en per pagina. Dit maakt het gemakkelijk om te zien hoe het eruitziet in elk van die browsers, zodat u de nodige wijzigingen kunt aanbrengen.

Browsera vereist dat u een account instelt, maar het kost slechts een minuut om dit te doen en er is geen creditcard vereist. Er zijn een paar plannen beschikbaar en voor minimale tests is het gratis plan geschikt voor die kleinere sites.

Het biedt de service aan één gebruiker voor 25 pagina's en omvat probleemdetectie, site-crawling en JavaScript-fouten. Het is duidelijk dat de betaalde plannen meer functies en opties bieden.

Welke moet ik gebruiken?

Voor complete end-to-end gebruikerstests is Spoon Browser Sandbox de enige gratis tool hier die daadwerkelijk verschillende browservensters opent die u kunt gebruiken. Dus als u niet elke browser wilt downloaden of wilt betalen voor een service, is dit de beste optie voor kwaliteitscontroletests van klikbare elementen op uw website.

Voor het testen van het uiterlijk van uw site in alle belangrijke browsers, is Browsershots de juiste keuze. Het biedt de meeste desktop-browseropties gratis.

Gebruik je deze tools al??

Zijn er een van deze die u al gebruikt voor uw browsertest?? Of misschien kent u een aantal andere gratis, webgebaseerde hulpprogramma's die u met ons wilt delen en aan andere lezers wilt voorstellen. Onthoud alsjeblieft dit voor het testen van desktopbrowsers, niet mobiel.

Voel je vrij om je gedachten te delen in de reacties hieronder!

Image Credit: Zakenman hand surfen op internet websites op zijn laptop, Rode toetsen met word-test op het toetsenbord van de computer, Keuze en beslissingen: zakenman denken met vraagtekens via Shutterstock

Ontdek meer over: Browser-extensies, Webontwikkeling.