Ultimate Free Tools för Cross-Browser Testing

Om du har en egen hemsida, oavsett om det är en stor företagswebbplats eller en liten blogg, är det viktigt att skrivbordstestning på flera webbläsare är densamma.

Du kan se din webbplats med den senaste versionen av Firefox och det ser jättebra ut. Då kan en besökare visa den i Internet Explorer 9 och det ser inte bara hemskt ut för dem, men fungerar inte korrekt. Gissa vad? Du har bara förlorat en återkommande besökare.

Varför behöver jag prova i flera webbläsare?

Förutom att förlora besökare och trafik Hur man undersöker varför din webbplats förlorade så mycket söktrafik Att undersöka varför din webbplats förlorade så mycket söktrafik Vad gör du när du har drabbats av en algoritmuppdatering, vare sig det är Panda, Hummingbird, eller något framtida djur av sökmotorns sortiment? Återställ din trafik med dessa tekniker. Läs mer, du kan förlora försäljningen. Om du har en hemsida för att sälja din produkt eller tjänst och en potentiell kund inte kan beställa, eftersom din form inte visar eller fungerar i Chrome, skäms du på dig. Även om du har en personlig blogg där du frågar folk om feedback och de inte kan ge dig något eftersom din kontaktformulär bara visar eller fungerar i Opera, så har du bara förlorat feedbacken och den återstående besökaren.

Här är vad Seque Technologies, ett teknologilösningsföretag för federala, kommersiella och ideella organisationer, har att säga om cross-browser-testning:

Med så många variabler på ytan finns det ännu fler skillnader under det som påverkar hur webbplatser och webbapplikationer visar och beter sig över olika webbläsare. Av den anledningen är det bra att bedriva Cross Browser Testing när en webapplikation är klar.

Att testa din webbplats i olika skrivbords webbläsare ska bli, om det inte redan är vanligt, för dig. Kontrollera utseendet, testa navigationen och fyll i och skicka in alla formulär annars riskerar du att förlora besökare, kunder och trafik.

Hur utför jag Cross-Browser Testing?

Du vet redan vad du behöver testa, men hur gör du det när du är dedikerad till en viss webbläsare? En sak du kan göra är att hämta de senaste versionerna av de stora webbläsarna till din dator.

Firefox, Internet Explorer, Safari, Chrome och Opera Opera 15 är en snabbare, enklare Chrome och här är 3 stora skäl att försöka Opera 15 är en snabbare, enklare Chrome, och här är 3 stora skäl att försöka det. Det kan tyckas löjligt nu, men när jag var yngre gafflade jag över en stor mängd pengar för Opera, en revolutionär webbläsare från Norge. Jag tog det hem, upphetsad att äntligen kunna ... Läs mer kan normalt laddas ner och installeras, men kanske du inte kan eller bryr dig inte om det. I så fall finns det många webbaserade verktyg som kan användas som simulerar dessa webbläsare.

Verktyg som BrowserStack, Ghostlab och CrossBrowserTesting är tillgängliga, men är inte lediga och kan bli kostsamma, beroende på dina behov. Lyckligtvis finns det några webbaserade verktyg som är tillgängliga gratis, var och en ger olika testfunktioner.

Browsershots

Browsershots är ett mycket enkelt att använda online-verktyg. Det möjliggör testning i stora skrivbords webbläsare och innehåller olika versionsnummer som du kan välja mellan. När du har skrivit in webbadressen till webbplatsen du testar (du måste ange olika webbadresser för varje sida på webbplatsen), väntar du bara några minuter och så kommer du att se skärmdumpar av webbplatsen i var och en av webbläsarna du valde.

Kom ihåg med Browsershots att du bara kommer se skärmdumpar på din webbplats. Det här är bra för att kontrollera utseendet, men du kan inte “testa” navigering och blanketter. För ett gratis verktyg är det bra att se till att din webbplats ser korrekt ut i olika skrivbordsversioner.

Spoon Browser Sandbox

Spoon erbjuder ett mer robust alternativ för cross-browser testning där du får mer än bara skärmdumpar. För de större webbläsarna, Chrome, Firefox Browser Wars: Firefox vs Chrome vs Opera, The Definitive Benchmark Browser Wars: Firefox vs Chrome vs Opera, det slutliga riktmärket Om du bara kunde välja en webbläsare, vilken skulle det vara? Vilket är bäst: Firefox, Chrome eller Opera? Vi visar dig. Läs mer, Internet Explorer, Opera och Safari väljer du den exakta versionen du vill använda.

Det är gratis att testa med de senaste versionerna av dessa webbläsare, men om du vill kontrollera äldre versioner är det en avgift. Men om det är tillräckligt med dina test i de nyaste versionerna av webbläsare, fungerar det här verktyget bra.

När du väl valt vilken webbläsare du vill, öppnar den den i ett nytt fönster. Ange sedan din webbadress och få testning.

Webbläsarfönstren möjliggör fullständiga testupplevelser. Observera, den här webbplatsen ber dig att installera ett plugin, så om du inte är bekväm med att hämta och installera sin EXE-fil kanske du vill titta på ett annat webbaserat verktyg istället.

Viewlike.us

Viewlike.us är lite annorlunda än de andra genom att det låter dig se din webbplats i olika resolutioner 3 Firefox-plugins för att testa din webbplats i olika lösningar 3 Firefox-plugins för att testa din webbplats i olika lösningar Läs mer. Detta är igen bra för att testa utseendet på webbplatsen, men det ger dig några användbara detaljer för respons.

Du kan få snabba och användbarhetsresultat med det här verktyget. Om saker som bildresponsstorlek, HTML-svarstorlek och till och med antalet statiska resurser är användbara för dig, är den här till hjälp.

Det kommer också att ge detaljer om användbarhetsregler, till exempel om din webbplats använder pluginprogram eller om teckensnittstorlekar är oläsliga. Du kommer då att se en skärmdump av din webbplats i olika resolutioner. Du kan sedan välja andra upplösningar för att visa din webbplats på smartphones och surfplattor.

IE NetRenderer

För en annan kontroll av hur din webbplats ser ut på en annan webbläsare kan du prova IE NetRenderer. Självklart visar den här bara din webbplats i Internet Explorer Så här kör du Internet Explorer på din Mac (och varför du kanske vill) Så här kör du Internet Explorer på din Mac (och varför du kanske vill) Det går att köra flaggskeppet Microsoft-webbläsare på en OSX-maskin? Läs vidare för att ta reda på ... Läs mer, men det låter dig välja mellan IE 5.5 och IE 11.

Detta är ett annat väldigt grundläggande verktyg som bara fungerar bra för att testa utseendet på din webbplats.

Browsera

Browsera ger lite användbar information om din webbplats för utseende och fel. Ange bara webbadressen i verktyget och börjar sedan genomsöka din webbplats. Du kan titta när den rör sig genom dina olika sidor och det visar hur mycket tid som är kvar för testet.

När testet är klart kommer du att få ett mail med resultaten samt ett fönster fullt av detaljer på Browsera-webbplatsen Browsera: Testa din webbplats i olika webbläsare Browsera: Testa din webbplats i olika webbläsare Läs mer .

Om du har fått JavaScript-fel kommer det att ge dig bra detalj, inklusive webbläsartyp och -version, sida eller objekt på din webbplats, raden i koden som innehåller felet och vad felet är, till exempel, “ogiltigt fastighetsvärde”.

Du kan också granska layoutskillnader för olika versioner av Firefox och Internet Explorer, var och en inom sitt eget rullbara fönster och per sida. Det gör det enkelt att se hur det ser ut i vart och ett av dessa webbläsare så att du kan göra nödvändiga ändringar.

Browsera kräver att du skapar ett konto, men det tar bara en minut att göra det och inget kreditkort krävs. Det finns några planer tillgängliga och för minimal testning är den fria planen anständig för de mindre platserna.

Det erbjuder tjänsten till en användare för 25 sidor och inkluderar problemdetektering, kryptering av webbplatser och JavaScript-fel. Självklart erbjuder de betalda planerna fler funktioner och alternativ.

Vilken ska jag använda?

För fullständig slutanvändarprovning är Spoon Browser Sandbox det enda fria verktyget här som faktiskt öppnar olika webbläsarfönster som du kan använda. Så om du inte vill ladda ner varje webbläsare eller betala för en tjänst, skulle det vara ditt bästa alternativ för kvalitetskontrolltest av klickbara element på din webbplats.

För att testa utseendet på din webbplats i alla större webbläsare är Browsershots vägen att gå. Det erbjuder de flesta stationära webbläsaralternativ utan kostnad.

Använder du redan dessa verktyg?

Finns det några av dessa som du redan använder för din webbläsningstestning? Eller kanske du känner till några andra gratis, webbaserade verktyg som du vill dela med oss ​​och föreslå andra läsare. Kom ihåg, det här för skrivbordsprövning, inte mobil.

Gärna dela dina tankar i kommentarerna nedan!

Bildkrediter: Affärsman hand bläddrar Internet-webbplatser på sin bärbara dator, Röda nycklar med ordtest på datorns tangentbord, Val och beslut: Affärsman tänker med frågetecken via Shutterstock

Utforska mer om: Browser Extensions, webbutveckling.