Testa olika webbläsare

Som webbdesigner eller webbutvecklare måste man säkerställa att en hemsida ser likadan ut vare sig du använder IE6, IE7, IE8, Firefox, Opera eller Safari.

IETester

IETester fungerar som en webbläsare där du kan öppna upp tabbar och testköra din hemsida i de olika versionerna. Tabbarna emulerar då versionen av webbläsare som du valt. Programmet är i beta-version och kan vara lite instabilt. Trots bristerna är det ett stort hjälpmedel.
IETester är gratis att ladda ner.

SuperPreview

SuperPreview är ett verktyg från Microsoft som även den bara är i beta-version. Detta kommer dock bli ett av mina primära verktyg när det är färdigutvecklat.

Precis som med IETester kan man visa sidan i olika IE-versioner i olika flikar. Men SuperPreview gör mer än så. Den visar linjaler i fönstret vilket gör det relativt simpelt att mäta var saker och ting hamnar. Det är enkelt att se vilka id, storlekar och css-klasser som valda element har. Det bästa av allt är hur de olika flikarna jobbar tillsammans.

Exempelvis, om du har öppnat två fönster med olika versioner och scrollar i det ena fönstret, ja då scrollar den andra med. En funktion som jag helt klart saknat när jag arbetat. Detta gör det enkelt att jämföra sajterna. Dessutom kan man låta två fönster överlappa varandra så att man i detalj kan se var layouten skiljer sig åt i olika versioner. Riktigt bra, du kan ladda ner SuperPreview helt gratis.

Browsershots

Browsershots är en webbaserad tjänst som genererar skärmdumpar av din hemsida i olika webbläsare och operativsystem. Rätt praktiskt om man editerar sin hemsida direkt mot server, men det tar lång tid att få fram alla skärmdumpar.

Fler Tips & Tricks

14 Kommentarer
  1. Sam
    Sam says:

    Provar just nu SuperPreview, imponerande bra måste jag säga, det enda jag saknar är möjligheten att köra i olika webbläsare, nu kan jag bara se IE =(

    Svara
  2. Sam
    Sam says:

    Provar just nu SuperPreview, imponerande bra måste jag säga, det enda jag saknar är möjligheten att köra i olika webbläsare, nu kan jag bara se IE =(

    Svara
  3. Manou
    Manou says:

    Hej Antonio,

    Trevligt tips du ger här. Browsershost kände man till sedan tidigare men inte IETester och superPreview. Bra grejer att ha när man webbutvecklar. I mitt fall ser jag att min bloggs högra sidebar visas korrekt i alla webbläsare utom IE (alla versioner). Jag har ingen aning varför. Sidebaren hamnar längst ner på bloggen.

    Svara
  4. Manou
    Manou says:

    Hej Antonio,

    Trevligt tips du ger här. Browsershost kände man till sedan tidigare men inte IETester och superPreview. Bra grejer att ha när man webbutvecklar. I mitt fall ser jag att min bloggs högra sidebar visas korrekt i alla webbläsare utom IE (alla versioner). Jag har ingen aning varför. Sidebaren hamnar längst ner på bloggen.

    Svara
  5. Antonio Riveras
    Antonio Riveras says:

    @Sam stämmer bra det, men tror dock INTE att det kommer någon SuperPreview som visar fler webbläsare. Det är ju trots allt Microsoft som tror de kan dominera hela marknaden.

    @Manou – Anledningen att din sidebar visas på det viset är att den ”trycks ner” för att det inte finns utrymme. IE brukar slänga på 0.2-0.5 pixlar i bredd för varje 1 pixel i alla andra webbläsare. Detta löser du enklast med ”display:inline” eller ”display:block” OM du floatar sidebaren dvs.

    Svara
  6. Antonio Riveras
    Antonio Riveras says:

    @Sam stämmer bra det, men tror dock INTE att det kommer någon SuperPreview som visar fler webbläsare. Det är ju trots allt Microsoft som tror de kan dominera hela marknaden.

    @Manou – Anledningen att din sidebar visas på det viset är att den ”trycks ner” för att det inte finns utrymme. IE brukar slänga på 0.2-0.5 pixlar i bredd för varje 1 pixel i alla andra webbläsare. Detta löser du enklast med ”display:inline” eller ”display:block” OM du floatar sidebaren dvs.

    Svara

Trackbacks & Pingbacks

Lämna en kommentar

Want to join the discussion?
Feel free to contribute!

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *