Meny

IE Tester Tutorial - Internet Explorer Browser Testing Online

  • Huvud
  • Övrig
  • IE Tester Tutorial - Internet Explorer Browser Testing Online

ie tester tutorial internet explorer browser testing online

Prova Vårt Instrument För Att Eliminera Problem

IE Tester-handledning: Lär dig att använda Internet Explorer-testverktyget för att testa webbplatsen på olika versioner av Internet Explorer

IE Tester är en programvara som används för att kontrollera om en viss webbplats / webbsida fungerar perfekt på alla versioner av Internet Explorer.

Med hjälp av IE Tester kan du kontrollera din webbplats på alla versioner av IE på en gång. IE Tester är en gratis programvara från Core Services.

dvs testare

Vad du kommer att lära dig:

Varför IE Tester?

Även om det finns många öppna källkodswebbläsare stöder många organisationer endast Internet Explorer. Eftersom många administratörsbehörigheter krävs för att ladda ner och installera programvara.

I ett sådant fall skulle kundens krav vara att deras webbapplikation ska fungera bra på alla versioner av Internet Explorer. Under denna situation måste en testare därför utföra testning av användargränssnitt på alla möjliga versioner av webbläsaren.

Om klienten specifikt har nämnt en webbläsare som de kommer att använda då det utförs testning av webbläsargränssnitt, finns det inget behov av att kontrollera webbplatsen i andra webbläsare. Testarna kan gå direkt genom att bara testa webbplatsen på de versioner av Internet Explorer som krävs. IE-testare är det bästa verktyget för denna situation.

Internet Explorer själv ger ett alternativ att testa webbplatserna på dess flera versioner. Det ger dock inget alternativ att testa webbplatser på Internet Explorer 6 och 7.

Du kan bara testa en webbplats på Internet Explorer 8 och senare. För att göra det just det öppna Internet Explorer => tryck på F12 => Utvecklarverktyg öppnas => Klicka på nedåtpilen => Välj emulering => Under 'User-agent string' får du de olika versionerna av Internet Explorer.

IE Tester ger dig möjlighet att testa din webbplats på Internet Explorer 6 och senare.

Ladda ner och installera IE Tester

Ladda ner IE Tester från IETester hemsida .

Klicka på den gröna knappen och säg “Ladda ner IE Tester v0.5.4 (60MB)” . Nedladdningsprocessen startar omedelbart och du ser följande nedladdningsförloppsfält längst ner på sidan.

Ladda ner Progress Bar

När detta är klart dubbelklickar du på exe-filen så får du en popup som visar licensavtalet. Klicka på 'Jag håller med' knappen och du kommer att kunna se följande fönster.

Installera IE Tester

Här har jag avmarkerat alla andra språk än engelska. Du kan till och med hålla alla dessa språk kontrollerade. Klicka på 'Nästa' -knappen så visas följande fönster.

Välj Installera plats

Klicka på 'Installera' knapp.

Installationsprocess

Installationen kommer att slutföras inom några sekunder och du kommer att se en genväg på din skrivbordsskärm. Dubbelklicka på den för att öppna. Det första utseendet på IE Tester kommer att se ut som visas nedan.

Första titt på IE Tester

Hur använder jag Internet Explorer Tester Tool?

Knappar för varje IE-version

Som visas i bilden ovan finns det knappar för varje IE-version. Du kan kolla din webbplats / webbsida i vilken version som helst genom att klicka på den specifika knappen eller den sista knappen som är i 'Alla IE-versioner'.

Med den här knappen kan du kontrollera din webbplats / webbsida på alla nämnda versioner. När du klickar på 'Alla IE-versioner' knappen visas följande fönster som visas nedan.

Med alla dessa knappar är en knapp för IE version 10 inaktiverad. Det kommer bara att aktiveras om IE version10 är standardversionen och det bara finns på Windows 8, dvs. den här knappen aktiveras endast om ditt operativsystem är Windows 8.

Välj och avmarkera valfri version

Som framgår av bilden ovan kan du välja och avmarkera valfri version enligt ditt val. Ange webbadressen i det angivna utrymmet och klicka på ”Ok”. Olika flikar öppnas för varje version och du kan välja dina HTML-filer som är lagrade på din dator med knappen 'Bläddra'.

Välj version 10, ange URL, klicka på “Ok” så kommer du att kunna kontrollera din webbplats / webbsida på IE version10. Så även om direktknappen inte är aktiverad kan du använda detta sätt för att kontrollera webbplatsen / webbsidan på version10. När du klickar på ”Ok” genom att ange webbadressen kommer du att kunna se följande fönster.

Webbsidan öppnades på IE version 10.

Som framgår av bilden ovan öppnas en webbsida i IE version 10. Nu kommer vi att se alla knappar, menyer och undermenyer i IE Tester en efter en.

Stäng flik-knappen: Den här knappen är bredvid IE Tester-logotypen med en svartfärgad pil som visas i bilden nedan. Den stänger den aktiva fliken. Kortkommandot för den här knappen är 'Ctrl + W'.

Stäng flik-knappen

Låt oss nu lära oss om pilen bredvid knappen för stängningsfliken, dvs. den brunfärgade pilen som visas i bilden ovan. Om du klickar på den här pilen får du fyra alternativ. Det första alternativet är 'Stänga' . Om du väljer det här alternativet stängs 'Stäng flik-knappen' eller så syns den inte.

Nästa eller andra alternativ är 'Fler kommandon' . Följande fönster visas när du väljer det här alternativet.

Fler kommandotalternativ

Här finns en nedrullningsbar lista 'Välj kommandon från' . Beroende på vilket alternativ som valts i den här listrutan kommer kommandona att ändras och sedan kan du lägga till eller ta bort kommandon i enlighet med detta. Tryck på 'Ok' för att slutföra ändringarna och tryck på 'Återställa' för att ångra ändringar.

Det finns en knapp som heter 'Anpassa' , med vilken du kan anpassa kortkommandon för ett visst kommando.

Om du markerar kryssrutan som heter 'Visa verktygsfältet Snabbåtkomst under menyfliksområdet' sedan visas ett verktygsfält som i bilden nedan. Samma alternativ finns i rullgardinsmenyn för pilen som ligger precis bredvid 'Stäng flik' knappen visas med en brun pil i vår tidigare bild.

Om du vill kan du åter flytta den till ovansidan. När du flyttar det här verktygsfältet under menyfliksområdet, istället för alternativet 'Visa under menyfliksområdet' , kommer du att se alternativet 'Visa ovanför menyfliksområdet' .

Visas under bandet

Fliken Hem: Som visas i bilden nedan finns det olika navigerings- och felsökningsalternativ tillgängliga på den här fliken.

Alternativ för navigering och felsökning

Om du navigerar till olika sidor, kommer 'Tidigare' och 'Nästa' knapparna aktiveras. När du öppnar fliken och skriver in adressfältet, kommer 'Uppdatera' -knappen aktiveras. De 'Sluta' -knappen aktiveras endast när IE-testaren öppnar en ny sida.

Om flera flikar (mer än en) är öppna är bara 'Stäng alla utom den aktiva fliken' -knappen aktiveras. Knappen ”Stäng alla flikar” aktiveras även om bara en flik är öppen.

Knappen 'Toggle Debug Bar' och 'Favorites' aktiveras när du öppnar en flik. För att kunna använda alternativen 'Toggle Debug Bar' måste du ladda ner Debug Bar. Den äldre versionen av den fungerar inte med den senaste versionen av IE Tester. Knappen ”Favoriter” fungerar inte enligt förväntningarna.

Fliken Dev Tools: Den här fliken ger främst de alternativ som är användbara för utvecklarna. Du kan se källkoden på webbsidan. Du kan öka eller minska textstorleken. Det kommer att vara till hjälp för användbarhet och testning av användargränssnitt. Du kan visa webbsidan genom att inaktivera bilder, java, java-skript, ActiveX, etc.

Du kan också testa webbsidan genom att inaktivera videor och bakgrundsljud. Du måste ladda ner felsökningsfältet till växla felsökningsfältet och visa källkoden. Det kommer också att vara till hjälp för utvecklarna.

Visa flik: Som visas i bilden nedan har fliken vy två knappar, dvs 'helskärm' och 'dölj band'. Använda 'Fullskärm' knappen, kan du se din webbsida i helskärmsläge och i det här läget ser du bara en knapp, dvs. 'Stäng helskärm' för att avsluta helskärmsläget.

visa fliken

Om du klickar på 'Dölj menyfliksområdet' -knappen får du samma effekt som helskärmsläget. Den enda skillnaden är att i helskärmsläge kommer du ständigt att se en knapp på skärmen för att avsluta detta helskärmsläge, och i Hide Ribbon-läget får du ingen knapp. För att lämna detta läge klickar du på IE Tester-logotypen och väljer alternativet ”Visa band”.

Fliken Alternativ: På fliken Alternativ har du utskriftsalternativ. Här kan du kontrollera IE Tester-versionen och om en ny version av IE Tester är tillgänglig kan du öppna internetegenskaperna med knappen 'Internet Explorer-alternativ' .

Minimera menyfliksområdet: När du klickar på den här knappen minimeras verktygsfältet som du använder. Du kommer att se 'Visa menyfliksområdet' för att maximera den. Effekten av att använda den här knappen skiljer sig från helskärmsläge och dold bandläge. Detta minimerar bara verktygsfältet och du kommer att kunna se rubrikerna.

Hur ser IE Tester ut?

Följande bild visar hur en webbsida kommer att se ut i IE Tester om Internet Explorer-versionen stöds. Här har vi använt webbadressen www.firstcry.com med standardversionen av Internet Explorer (Microsoft Edge).

Utseendet på IE Tester

Bilden nedan visar hur webbsidan kommer att se ut i IE Tester om Internet Explorer-versionen inte stöds av webbplatsen. För detta har jag använt samma URL med version 6 av Internet Explorer.

IE Tester letar efter version som inte stöds

Fel i Internet Explorer Tester-programvara

Här, med versionen av IE Tester, har vi bara försökt IE6, IE10 (IE10 ska inte fungera enligt IE Tester-teamet) och Standard IE fungerar. Utöver google-sidan när du försöker öppna www.firstcry.com, visas följande fel.

sql frågor frågor och svar pdf

IE-testfel

När du klickar på knappen för IE version 5 kan ett felmeddelande som säger 'Det går inte att ladda den begärda IE-versionen' visas som i bilden nedan. Om den inte kan göras tillgänglig för användning ska den tas bort från verktygsfältet.

Version 5-fel

Slutsats

IE Tester är till hjälp för både testare och utvecklare och sparar mycket tid. Nedladdning och användning av de äldre versionerna av Internet Explorer är ett tråkigt jobb. Därför hjälper IE Tester mycket vid testning.

För testning av webbläsarkompatibilitet finns många betalda verktyg tillgängliga men det påverkar definitivt projektbudgeten. IE Tester är ett gratis och lättanvänt verktyg som är mycket användbart för testning av webbläsarkompatibilitet.

Är du redo att prova?

Rekommenderad läsning

^