ie tester tutorial internet explorer browser testing online
IE Tester-tutorial: Lær at bruge Internet Explorer-testværktøjet til at teste webstedet på forskellige versioner af Internet Explorer
IE Tester er en software, der bruges til at kontrollere, om et bestemt websted / en webside fungerer perfekt på alle versioner af Internet Explorer.
Ved hjælp af IE Tester kan du tjekke dit websted på alle versioner af IE på én gang. IE Tester er en gratis software fra Core Services.
Hvad du lærer:
- Hvorfor IE Tester?
- Download og installation af IE Tester
- Sådan bruges Internet Explorer-testværktøj?
- Hvordan ser IE Tester ud?
- Fejl i Internet Explorer Tester-software
- Konklusion
- Anbefalet læsning
Hvorfor IE Tester?
Selvom mange open source-browsere er tilgængelige, understøtter mange organisationer kun Internet Explorer. Fordi der kræves mange administratortilladelser for at downloade og installere enhver software.
I et sådant tilfælde er kundens krav, at deres webapplikation skal fungere fint på alle versioner af Internet Explorer. Under denne situation skal en tester derfor udføre test af brugergrænseflade på alle mulige versioner af browseren.
Også, hvis klienten specifikt har nævnt en browser, som de vil bruge, mens de udfører test af browsergrænsefladen, er det ikke nødvendigt at tjekke hjemmesiden i andre browsere. Testerne kan direkte gå videre ved kun at teste webstedet på de krævede versioner af Internet Explorer. IE Tester er det bedste værktøj til denne situation.
Internet Explorer selv giver mulighed for at teste webstederne på dens flere versioner. Det giver dog ikke mulighed for at teste websteder på Internet Explorer 6 og 7.
Du kan kun teste et websted på Internet Explorer 8 og derover. For at gøre det lige så åbent Internet Explorer => tryk på F12 => Udviklerværktøjer åbnes => Klik på pil ned => Vælg emulering => Under 'User-agent string' får du de forskellige versioner af Internet Explorer.
IE Tester giver dig mulighed for at teste dit websted på Internet Explorer 6 og derover.
Download og installation af IE Tester
Download IE Tester fra IETester Hjemmeside .
Klik på den grønne knap og siger 'Download IE Tester v0.5.4 (60MB)' . Downloadprocessen starter med det samme, og du vil se følgende statuslinje for download nederst på siden.
Når dette er afsluttet, skal du dobbeltklikke på exe-filen, og du får et pop op-vindue, der viser licensaftalen. Klik på 'Jeg er enig' knappen, og du vil kunne se følgende vindue.
Her har jeg ikke markeret alle andre sprog end engelsk. Du kan endda holde alle disse sprog kontrolleret. Klik på 'Næste' knappen, og du vil se det følgende vindue.
Klik på 'Installere' knap.
Installationen afsluttes inden for få sekunder, og du vil se en genvej på din desktop-skærm. Dobbeltklik på den for at åbne den. Det første udseende af IE Tester vil være som vist nedenfor.
Sådan bruges Internet Explorer-testværktøj?
Som vist i ovenstående billede er der knapper til hver IE-version. Du kan tjekke dit websted / din webside på en hvilken som helst version ved at klikke på den pågældende knap eller den sidste knap, der er i 'Alle IE-versioner'.
Ved hjælp af denne knap kan du kontrollere dit websted / din webside på alle de nævnte versioner. Når du klikker på 'Alle IE-versioner' knappen vil du se følgende vindue som vist nedenfor.
Med alle disse knapper er en knap til IE version10 deaktiveret. Det aktiveres kun, hvis IE version10 er standardversionen, og den kun er på Windows 8, dvs. denne knap aktiveres kun, hvis dit operativsystem er Windows 8.
Som det ses i ovenstående billede, kan du vælge og fravælge enhver version efter eget valg. Indtast URL'en i det givne rum, og klik på 'Ok'. Forskellige faner åbnes for hver version, og du kan vælge dine HTML-filer, der er gemt på din computer ved hjælp af knappen 'Gennemse'.
Vælg version 10, indtast URL, klik på 'Ok', og du vil kunne kontrollere dit websted / din webside på IE version10. Så selvom den direkte knap ikke er aktiveret, kan du bruge denne måde til at kontrollere hjemmesiden / websiden på version10. Når du klikker på 'Ok' ved at indtaste URL'en, kan du se følgende vindue.
Som det ses i ovenstående billede, åbnes en webside på IE version 10. Nu vil vi se alle knapperne, menuerne og undermenuerne i IE Tester en efter en.
Luk fane-knap: Denne knap er ved siden af IE Tester-logoet med en sortfarvet pil som vist på nedenstående billede. Det lukker den aktive fane. Tastaturgenvejen til denne knap er 'Ctrl + W'.
Lad os nu lære om pilen, der ligger ved siden af knappen Luk fane, dvs. den brunfarvede pil vist i ovenstående billede. Hvis du klikker på denne pil, får du fire muligheder. Den første mulighed er 'Tæt' . Hvis du vælger denne indstilling, lukkes knappen 'Luk fane', eller den vil ikke være synlig.
Den næste eller anden mulighed er 'Flere kommandoer' . Du får vist følgende vindue, når du vælger denne mulighed.
Her er der en rulleliste kaldet 'Vælg kommandoer fra' . Afhængigt af den valgmulighed, der er valgt på denne rulleliste, ændres kommandoerne, og derefter kan du 'Tilføj' eller 'Fjern' kommandoer i overensstemmelse hermed. Tryk på 'Ok' for at afslutte ændringerne, og tryk på 'Nulstil' for at fortryde ændringer.
Der kaldes en knap 'Tilpas' , hvor du kan tilpasse tastaturgenveje til en bestemt kommando.
Hvis du markerer afkrydsningsfeltet kaldet 'Vis værktøjslinjen Hurtig adgang under båndet' derefter vises en værktøjslinje som i nedenstående billede. Den samme mulighed er tilgængelig i rullelisten for pilen, der er placeret lige ved siden af 'Luk fane' knap, vist med en brun pil i vores tidligere billede.
Hvis du vil, kan du igen skifte det til oversiden. Når du skifter denne værktøjslinje under båndet, så i stedet for indstillingen 'Vis under båndet' , vil du se muligheden 'Vis over båndet' .
Fanen Hjem: Som vist i nedenstående billede er der forskellige navigations- og fejlretningsindstillinger tilgængelige på denne fane.
Hvis du navigerer til forskellige sider, vises 'Tidligere' og 'Næste' knapper bliver aktiveret. Når du åbner fanen og indtaster adresselinjen, vises 'Opdater' knappen bliver aktiveret. Det 'Hold op' -knappen aktiveres kun, når IE-testeren åbner en ny side.
Hvis flere faner (mere end en) er åbne, er kun 'Luk alle undtagen aktiv fane' knappen bliver aktiveret. Knappen 'Luk alle faner' aktiveres, selvom kun en fane er åben.
Knappen 'Skift fejlretningslinje' og 'Foretrukne' aktiveres, mens du åbner en fane. For at bruge indstillingerne 'Skift fejlretningslinje' skal du downloade fejlfindingslinjen. Den ældre version af den fungerer ikke med den nyeste version af IE Tester. Knappen 'Foretrukne' fungerer ikke som forventet.
Fanen Dev Tools: Denne fane giver primært de muligheder, der er nyttige for udviklerne. Du kan se kildekoden på websiden. Du kan øge eller formindske tekststørrelsen. Det vil være nyttigt til brugervenlighed og test af brugergrænseflade. Du kan se websiden ved at deaktivere billeder, java, java-scripts, ActiveX osv.
Du kan også teste websiden ved at deaktivere videoer og baggrundslyde. Du skal downloade fejlfindingslinjen til bjælken Toggle debug og se kildekoden. Det vil også være nyttigt for udviklerne.
Vis fane: Som vist i nedenstående billede har visningsfanen 2 knapper, dvs. 'Fuld skærm' og 'Skjul bånd'. Bruger 'Fuld skærm' knappen, kan du se din webside i fuldskærmstilstand, og i denne tilstand vil du kun se en knap, dvs. 'Luk fuld skærm' for at afslutte fuldskærmstilstand.
Hvis du klikker på 'Skjul bånd' -knappen får du den samme effekt som fuldskærmstilstand. Den eneste forskel er, at i fuldskærmstilstand vil du konstant se en knap på skærmen for at afslutte denne fuldskærmstilstand, og i Skjul båndtilstand får du ingen knap. For at afslutte denne tilstand skal du klikke på IE Tester-logoet og vælge indstillingen 'Vis bånd'.
Fanen Indstillinger: Under fanen Indstillinger har du udskrivningsmuligheder. Her kan du kontrollere IE Tester-versionen, og hvis en ny version af IE Tester er tilgængelig, kan du åbne internetegenskaberne ved hjælp af knappen 'Internet Explorer-indstillinger' .
Minimer båndfanen: Når du klikker på denne knap, minimeres den værktøjslinje, du bruger. Du vil se 'Vis båndet' knap for at maksimere den. Effekten af at bruge denne knap er forskellig fra fuldskærmstilstand og skjulbåndstilstand. Dette minimerer bare værktøjslinjen, og du vil kunne se overskrifterne.
Hvordan ser IE Tester ud?
Følgende billede viser dig, hvordan en webside vil se ud i IE Tester, hvis Internet Explorer's version understøttes. Her har vi brugt URL'en www.firstcry.com med standardversionen af Internet Explorer (Microsoft Edge).
Billedet nedenfor viser dig, hvordan websiden vil se ud i IE Tester, hvis Internet Explorer's version ikke understøttes af webstedet. Til dette har jeg brugt den samme URL med version 6 af Internet Explorer.
Fejl i Internet Explorer Tester-software
Her, med versionen af IE Tester, har vi kun prøvet IE6, IE10 (IE10 skal ikke fungere i henhold til IE Tester-team) og Standard IE fungerer. Udover google-siden, mens du prøver at åbne www.firstcry.com, ses følgende fejl.
java hvordan man opretter en række objekter
Mens du klikker på knappen til IE version 5, kan en fejlmeddelelse, der siger 'Kan ikke indlæse den ønskede IE-version' ses som i nedenstående billede. Hvis det ikke kan gøres tilgængeligt til brug, skal det fjernes fra værktøjslinjen.
Konklusion
IE Tester er nyttigt for både testere og udviklere og sparer meget tid. Download og brug af de ældre versioner af den krævede Internet Explorer er et kedeligt job. Derfor hjælper IE Tester meget med testning.
Til test af browserkompatibilitet er der mange betalte værktøjer til rådighed, men det påvirker bestemt projektbudgettet. IE Tester er et gratis og brugervenligt værktøj, der er meget nyttigt til browserkompatibilitetstest.
Er du klar til at prøve det?
Anbefalet læsning
- 12 bedste testværktøjer til brugervenlighed til test af brugervenlighed på websteder (2021 LIST)
- Usability Testing Tutorial: En komplet startvejledning
- Sådan finder du elementer i Chrome og IE-browsere til opbygning af selen-scripts - Selen Tutorial # 7
- Top 10 Cross Browser Testværktøjer i 2021 (Seneste placering)
- Hvad er Cross Browser Testing og hvordan man udfører det: En komplet guide
- Værktøjer og tjenester til test af webstedets ydeevne
- Geb Tutorial - Browserautomatiseringstest ved hjælp af Geb Tool
- Selen Grid Tutorial: Opsætning og eksempel på test af tværbrowser