Komplett guide till kompatibilitetskontroll över webbläsare

Internetanvändare har ett brett urval av webbläsare när det gäller att surfa på nätet. Det är vårt ansvar som designers och utvecklare att se till att webbplatser som vi har skapat är kompatibla för de flesta vanliga webbläsare dessa dagar.

Det leder till en enkel men ändå kritisk fråga - vilka webbläsare använder våra besökare? Enligt w3school är vanliga webbläsare Internet Explorer 7 och 8 och Firefox med Safari och Google Chrome gradvis plocka upp. Men siffrorna kan variera från plats till plats, beroende på dess nisch. Det är bäst att få demografiken från dina webbsätt, Google Analytics till exempel.

När du har identifierat vanliga webbläsare som dina besökare använder, är det dags att se till att webbplatsen visar samma sak i dessa webbläsare. Det är nästan omöjligt att installera alla olika webbläsare i en maskin. Men tack vare några verktyg och webbtjänster där ute, kan du se hur din webbplats ser ut i andra webbläsare.

I den här artikeln vill vi uppmärksamma några av de lösningar du kan förlita dig på för att göra kompatibilitetstestning med webbläsare. Hela listan efter hopp.

Testkompatibilitet Online

Browsershots

Browsershots är ett gratis och mest populärt kompatibelt testverktyg för webbdesigners för flera plattformar för flera webbläsare. Browsershots gör skärmdumpar av din webbdesign i olika webbläsare. I Browsershots-databasen ingår alla populäraste webbläsare och du kan enkelt kontrollera hur din webbplats ser ut i alla webbläsare och operativsystem.

Browser Sandbox

Skapad av Spoon.net, kan du här använda olika webbläsare, inklusive IE, Firefox, Safari, Chrome och Opera direkt från din webbläsare. Enkelt som det.

Netrenderer

IE NetRenderer är kompatibilitetstester för gratis webbläsare. Med IE NetRenderer kan du kontrollera hur en webbplats görs av olika versioner av Internet Explorer. Efter beta-test kommer mycket snart i IE NetRenderer att integreras den senaste versionen av IE - IE9 och du kommer att kunna se visar din webbplats fel i den här webbläsaren.

Browsrcamp

Browsrcamp låter dig testa kompatibiliteten hos din design med Mac OS X-webbläsare. Om du inte vill spendera pengar kan du kontrollera kompatibiliteten med din design med Safari 3.1.2. Lägg bara till din webbplatsadress och du får din webbplats skärmdump. Men om du vill kontrollera kompatibilitet med andra Mac-webbläsare kan du prenumerera på 3 $.

Adobe Browserlab

Adobe Browserlab är en webbhotell som tillåter designers att testa mönster på flera webbläsare och operativsystem. I detta system ingår en zoomfunktion och mätverktyg som linjaler och guider, och förmågan att snabbt flytta till specifika områden av en skärmdump. Browserset ger designers möjlighet att anpassa, redigera och spara en kombination av webbläsare som ska testas.

Litmusapp

Litmus visar skärmdumpar av dina webbplatser eftersom de ser över alla större webbläsare. När du har testat kan du få en fullständig kompatibilitetsrapport redo för granskning av dina kunder. Litmus har 4 prisplaner. Du kan registrera dig gratis och använda endast Explorer 7 och Firefox 2-webbläsare testningar eller du kan välja avgiftsplaner.

Anybrowser siteviewer

Anybrowser Site Viewer kan du se HTML-sidor som andra webbläsare skulle, eller i olika skärmstorlekar. Du kan flytta från länk till länkvisningssidor som de skulle visas i en mängd olika webbläsare och kontrollera ren renhet i text. Dessutom tillåter Anybrowser Site Viewer dig att välja specifika sidelement.

Fundisom

Fundisom är en Mac-skärmdumpgenerator som låter dig se din webbplats på en Macintosh G5 i Safari, MacIE eller Mozilla. För tillfället är lixlpixel webbutveckling Safari Screenshot Generator tillfälligt offline, men du kan kontrollera den senare.

Delorie Lynxview

Delorie Lynxview är en tjänst som tillåter webförfattare att se hur deras sidor kommer att se ut när de ses med Lynx, en textläges webbläsare.

Browsera

Browsera är tänkt att användas som ett testverktyg, inte bara ett skärmdumpverktyg, och fungerar på webbplatsen istället för sidnivå. Browsera krypter sidorna på din webbplats och testar dem faktiskt för inkonsekvenser för layout och skriptfel.

IE-fliken

IE Tab är Firefox addon som låter dig ladda webbsidor i Internet Explorer utan att behöva öppna ett annat webbläsarfönster. Klicka bara på en knapp på Firefox-verktygsfältet och den öppnar den aktuella sidan i en ny flik som använder Internet Explorer-motorn i stället för Firefox.

Plugin och verktyg

IETester

IETester är en gratis webbläsare som låter dig få återgivnings- och javascriptmotorer av IE9-förhandsgranskning, IE8, IE7 IE 6 och IE5.5 på Windows 7, Vista och XP. Det är användbart för webbutvecklare att testa att deras webbplatser fungerar korrekt i alla de vanligaste Internet Explorer-versionerna.

IECapt

IECapt är ett litet kommandoradsverktyg för att fånga Internet Explorers rendering av en webbsida till en BMP-, JPEG- eller PNG-bildfil.

Multi-Safari

Multi-Safari är ett gratis testverktyg för webbläsarkompatibilitet som gör att du kan kontrollera rendering av din webbplats med olika versioner av Safari. Multi-Safari tillåter inte skärmupplösningstestning.

Expression Web SuperPreview

Expression Web SuperPreview är ett gratis verktyg som hjälper användarna att testa sina webbplatser på olika versioner av Internet Explorer. Expression Web SuperPreview är ett fristående visuellt felsökningsverktyg som gör det enklare att migrera dina webbplatser från IE6 till IE7 eller 8.

Iphoney

iPhoney ger dig en pixel-korrekt webbläsarmiljö, som du kan använda när du utvecklar webbplatser för iPhone. Det är den perfekta 320 x 480 pixel duken för din iPhone utveckling. iPhoney är inte en iPhone-simulator men är istället avsedd för webbutvecklare som vill skapa 320 med 480 webbplatser för användning med iPhone.

MultipleIEs

Med MultipleIEs kan du testa din webbsida i Internet Explorer 3, 4, 5 och 6. Det här är gamla webbläsare, men om du kan att din webbplats kommer att vara tillgänglig för alla webbläsare, kolla också på de äldsta IE-versionerna med MultipleIEs.

Flera IE

Flera IE är liknande verktyg som MultipleIEs. Flera IE är ett litet paket som låter dig köra flera versioner av IE på samma maskin, från IE 6.0 hela vägen tillbaka till IE 3.0

SortSite Professional

SortSite Professional gör det möjligt för webbplatsbyggare, ägare och konsulter att kontrollera hela webbplatser för överensstämmelse med standarder och kvalitetsproblem. SortSite kolla varje sida som den hittar och producerar sedan en rapport som visar varje problem. SortSite kontrollerar mer än 300 kvalitetscheckpunkter.

Lunascape

Lunascape är världens första och enda trippelmotorbrowser. I ingår huvudwebbläsare: IE, Firefox, Chrome, Safari. Med Lunascape kan du välja rätt motor att använda vid rätt tillfälle, förverkliga en dramatisk minskning av webbläsares kompatibilitetsproblem, långa laddningstider och felaktig visning av webbplatser.

Premium-tjänster

Browsercam

BrowserCam är en betald online-tjänst som gör att du kan se dina webbsidor över olika plattformar och webbläsare, antingen genom att automatiskt ta skärmdumpar av ditt val eller genom att få tillgång till datorer på distans.

Crossbrowsertesting

Med webbplatsen kan du testa din webbplats (eller någon annan för den delen) på vilket operativsystem som helst. Det här sparar mycket tid när du försöker få saker att göra. Prenumerationer kostar start från 19,95 dollar.

Url2image

Med hjälp av Url2image webbserver gård, och som inloggad användare kan du begära skärmdumpar av din webbdesign med olika webbläsare / OS-kombinationer. Url2image erbjuder pris för skärmdumpar. 2 skärmdumpar kostar $ 1.

SortSite

SortSite Professional kontrollerar sidor för en rad funktioner som inte fungerar korrekt eller beter sig olika på olika webbläsare. Standardlicenspriset är $ 149.

Multi Browser Viewer

Multi Browser Viewer innehåller 17 förpackade, virtualiserade fristående webbläsare. Bortsett från 17 fristående webbläsare har Multi Browser Viewer även möjligheten att testa din webbplats i 50 webbläsare över tre operativsystem (Mac, Windows och Linux). Singelbrukerlicenspriset är $ 99,95.

Cloud Testing

Med funktionen Cross Browser Testing i Cloud Testing kan du verifiera både utseendet och funktionaliteten hos dina e-handels- och transaktionswebbplatser med hjälp av IE 6,7,8, Firefox, Apple Safari, Google Chrome och Opera-webbläsare. Priset per test är £ 0.10.