Meny

IE Tester Tutorial - Internet Explorer Browser Testing Online

  • Hoved
  • Annen
  • IE Tester Tutorial - Internet Explorer Browser Testing Online

ie tester tutorial internet explorer browser testing online

Prøv Instrumentet Vårt For Å Eliminere Problemer

IE Tester-opplæring: Lær deg å bruke Internet Explorer-testverktøyet til å teste nettstedet på forskjellige versjoner av Internet Explorer

IE Tester er en programvare som brukes til å kontrollere om et bestemt nettsted / en webside fungerer perfekt på alle versjoner av Internet Explorer.

Ved å bruke IE Tester kan du sjekke nettstedet ditt på alle versjoner av IE på en gang. IE Tester er en gratis programvare fra Core Services.

dvs. tester

Hva du vil lære:

Hvorfor IE Tester?

Selv om mange nettlesere med åpen kildekode er tilgjengelige, støtter mange organisasjoner bare Internet Explorer. Fordi det kreves mange administratortillatelser for å laste ned og installere hvilken som helst programvare.

I et slikt tilfelle vil kundens krav være at deres webapplikasjon skal fungere bra på alle versjoner av Internet Explorer. Derfor må en tester under denne situasjonen utføre brukergrensesnitttesting på alle mulige versjoner av nettleseren.

Også, hvis klienten spesifikt har nevnt en nettleser som de skal bruke, mens du utfører nettlesergrensesnitt testing, er det ikke nødvendig å sjekke nettstedet i andre nettlesere. Testerne kan bare fortsette ved å teste nettstedet bare på de nødvendige versjonene av Internet Explorer. IE Tester er det beste verktøyet for denne situasjonen.

Internet Explorer gir deg selv et alternativ for å teste nettstedene på flere versjoner. Det gir imidlertid ikke mulighet til å teste nettsteder på Internet Explorer 6 og 7.

Du kan bare teste et nettsted på Internet Explorer 8 og nyere. For å gjøre det akkurat det åpne Internet Explorer => trykk F12 => Utviklerverktøy åpnes => Klikk på pil ned => Velg emulering => Under ‘User-agent string’ får du de forskjellige versjonene av Internet Explorer.

IE Tester gir deg et alternativ til å teste nettstedet ditt på Internet Explorer 6 og nyere.

Nedlasting og installasjon av IE Tester

Last ned IE Tester fra IETester Hjemmeside .

Klikk på den grønne knappen og si “Last ned IE Tester v0.5.4 (60MB)” . Nedlastingsprosessen starter umiddelbart, og du ser følgende fremdriftslinje for nedlasting nederst på siden.

Last ned fremdriftslinjen

Når dette er fullført, dobbeltklikker du på exe-filen, og du får en popup som viser lisensavtalen. Klikk på 'Jeg er enig' knappen og du vil kunne se følgende vindu.

Installer IE Tester

Her har jeg merket av for alle andre språk enn engelsk. Du kan til og med holde alle disse språkene sjekket. Klikk på “Neste” -knappen, og du vil se følgende vindu.

Velg Installer plassering

Klikk på 'Installere' knapp.

Installasjonsprosess

Installasjonen blir fullført innen få sekunder, og du vil se en snarvei på skrivebordet. Dobbeltklikk på den for å åpne. Det første utseendet til IE Tester vil være som vist nedenfor.

Første titt på IE Tester

Hvordan bruke Internet Explorer testverktøy?

Knapper for hver IE-versjon

Som vist på bildet ovenfor er det knapper for hver IE-versjon. Du kan sjekke nettstedet / websiden din på en hvilken som helst versjon ved å klikke på den aktuelle knappen eller den siste knappen som er i 'All IE Versions'.

Ved hjelp av denne knappen kan du sjekke nettstedet ditt / websiden på alle de nevnte versjonene. Når du klikker på ‘All IE Versions’ vil du se følgende vindu som vist nedenfor.

Med alle disse knappene er en knapp for IE versjon 10 deaktivert. Den blir bare aktivert hvis IE versjon 10 er standardversjonen, og den bare er på Windows 8, dvs. at denne knappen bare blir aktivert hvis operativsystemet ditt er Windows 8.

Velg og fjern merket for hvilken som helst versjon

Som du ser på bildet ovenfor, kan du velge og fravelge hvilken som helst versjon etter eget valg. Skriv inn URL-en i den gitte plassen og klikk ‘Ok’. Ulike faner åpnes for hver versjon, og du kan velge HTML-filene som er lagret på datamaskinen din ved å bruke 'Bla gjennom' -knappen.

Velg versjon 10, skriv inn URL, klikk ‘Ok’ og du vil kunne sjekke nettstedet / websiden din på IE versjon 10. Dermed selv om direkteknappen ikke er aktivert, kan du bruke denne måten å sjekke nettstedet / websiden på versjon 10. Når du klikker ‘Ok’ ved å skrive inn URL-en, vil du kunne se følgende vindu.

Nettsiden åpnet i IE versjon 10.

Som vist på bildet ovenfor, åpnes en webside på IE versjon 10. Nå vil vi se alle knappene, menyene og undermenyene til IE Tester en etter en.

Lukk faneknapp: Denne knappen er ved siden av IE Tester-logoen med en svart farget pil som vist på bildet nedenfor. Den lukker den aktive fanen. Hurtigtasten for denne knappen er 'Ctrl + W'.

Lukk Tab-knappen

La oss nå lære om pilen som ligger ved siden av lukkeknappen, dvs. den brunfargede pilen som vises i bildet ovenfor. Hvis du klikker på denne pilen, får du fire alternativer. Det første alternativet er 'Lukk' . Hvis du velger dette alternativet, lukkes 'Lukk faneknappen' eller den vil ikke være synlig.

Det neste eller andre alternativet er ‘Flere kommandoer’ . Du ser følgende vindu når du velger dette alternativet.

Flere kommandoer

Her er det en rullegardinliste som heter ‘Velg kommandoer fra’ . Avhengig av alternativet som er valgt i denne rullegardinlisten, endres kommandoene, og deretter kan du legge til eller fjerne kommandoer tilsvarende. Trykk på ‘Ok’ for å fullføre endringene, og trykk på 'Nullstille' for å angre endringene.

Det er en knapp som heter 'Tilpass' , ved hjelp av hvilken du kan tilpasse hurtigtaster for en bestemt kommando.

Hvis du merker av i avkrysningsruten ‘Vis verktøylinjen for hurtig tilgang under båndet’ deretter vises en verktøylinje som i bildet nedenfor. Det samme alternativet er tilgjengelig i rullegardinlisten til pilen som ligger rett ved siden av ‘Lukk fane’ knappen, vist med en brun pil i vårt tidligere bilde.

Hvis du vil, kan du igjen flytte den til oversiden. Når du flytter denne verktøylinjen under båndet, i stedet for alternativet ‘Vis under båndet’ , vil du se alternativet ‘Vis over båndet’ .

Vist under båndet

Hjem-fanen: Som vist i bildet nedenfor, er det forskjellige alternativer for navigering og feilsøking tilgjengelig i denne kategorien.

Alternativ for navigering og feilsøking

Hvis du navigerer til forskjellige sider, vil 'Tidligere' og ‘Neste’ knappene blir aktivert. Når du åpner fanen og skriver inn adressefeltet, vil 'Forfriske' -knappen blir aktivert. De 'Stoppe' -knappen blir bare aktivert når IE-testeren åpner en ny side.

Hvis flere faner (mer enn en) er åpne, er bare ‘Lukk alle unntatt aktiv fane’ -knappen blir aktivert. 'Lukk alle faner' -knappen blir aktivert selv om bare en fane er åpen.

'Toggle Debug Bar' og 'Favorites' -knappen blir aktivert mens du åpner en fane. For å bruke alternativene ‘Toggle Debug Bar’ må du laste ned feilsøkingslinjen. Den eldre versjonen av den vil ikke fungere med den nyeste versjonen av IE Tester. ‘Favoritter’ -knappen fungerer ikke som forventet.

Fanen Dev Tools: Denne fanen gir hovedsakelig alternativene som er nyttige for utviklerne. Du kan se kildekoden til websiden. Du kan øke eller redusere tekststørrelsen. Det vil være nyttig for brukervennlighet og testing av brukergrensesnitt. Du kan vise websiden ved å deaktivere bilder, java, java-skript, ActiveX, etc.

Du kan også teste nettsiden ved å deaktivere videoene og bakgrunnslydene. Du må laste ned feilsøkingsfeltet til veksle feilsøkingslinjen og se kildekoden. Det vil også være nyttig for utviklerne.

Vis fane: Som vist i bildet nedenfor, har visningsfanen to knapper, dvs. 'Fullskjerm' og 'Skjul bånd'. Bruker 'Full skjerm' knappen, kan du se nettsiden din i fullskjermmodus, og i denne modusen vil du bare se en knapp, dvs. ‘Lukk fullskjerm’ for å avslutte fullskjermmodus.

visningsfanen

Hvis du klikker på ‘Skjul bånd’ -knappen får du samme effekt som fullskjermmodus. Den eneste forskjellen er at i fullskjermmodus vil du hele tiden se en knapp på skjermen for å avslutte denne fullskjermmodusen, og i Skjul båndmodus vil du ikke få noen knapp. For å avslutte denne modusen, klikk på IE Tester-logoen og velg alternativet 'Vis bånd'.

Alternativer-fanen: I kategorien Alternativer har du utskriftsalternativer. Her kan du sjekke IE Tester-versjonen, og hvis en ny versjon av IE Tester er tilgjengelig, kan du åpne Internett-egenskapene med knappen ‘Alternativer for Internet Explorer’ .

Minimer båndfanen: Når du klikker på denne knappen, blir verktøylinjen du bruker, minimert. Du vil se ‘Vis båndet’ for å maksimere den. Effekten av å bruke denne knappen er forskjellig fra fullskjermmodus og skjermbåndmodus. Dette minimerer bare verktøylinjen, og du vil kunne se overskriftene.

Hvordan ser IE Tester ut?

Følgende bilde viser deg hvordan en webside vil se ut i IE Tester hvis Internet Explorer-versjonen støttes. Her har vi brukt URL-adressen www.firstcry.com med standardversjonen av Internet Explorer (Microsoft Edge).

Utseende av IE Tester

Bildet nedenfor viser deg hvordan nettsiden vil se ut i IE Tester hvis Internet Explorer-versjonen ikke støttes av nettstedet. For dette har jeg brukt samme URL med versjon 6 av Internet Explorer.

IE Tester ser etter versjonen som ikke støttes

Feil i Internet Explorer Tester-programvare

Her, med versjonen av IE Tester, har vi bare prøvd IE6, IE10 (IE10 skal ikke fungere i henhold til IE Tester-team) og Standard IE jobber. Annet enn google-siden mens du prøver å åpne www.firstcry.com, vises følgende feil.

spørsmål om hvile og såpe webtjenester

IE-testfeil

Mens du klikker på knappen for IE versjon 5, kan en feilmelding som sier 'Kan ikke laste den forespurte IE-versjonen' sees som i bildet nedenfor. Hvis den ikke kan gjøres tilgjengelig for bruk, bør den fjernes fra verktøylinjen.

Versjon 5 feil

Konklusjon

IE Tester er nyttig for både testere og utviklere og sparer mye tid. Nedlasting og bruk av de eldre versjonene av den nødvendige Internet Explorer er en kjedelig jobb. Derfor hjelper IE Tester mye med testing.

For nettleserkompatibilitetstesting er mange betalte verktøy tilgjengelige, men det påvirker definitivt prosjektbudsjettet. IE Tester er et gratis og brukervennlig verktøy som er veldig nyttig for testing av nettleserkompatibilitet.

Er du klar til å prøve?

Anbefalt lesing

^