ie tester tutorial internet explorer browser testing online
IE Tester-zelfstudie: leer de Internet Explorer-testtool te gebruiken om de website te testen op verschillende versies van Internet Explorer
IE Tester is een software die wordt gebruikt om te controleren of een bepaalde website / webpagina perfect werkt op alle versies van Internet Explorer.
Met IE Tester kunt u uw website in één keer op alle versies van IE controleren. IE Tester is gratis software van Core Services.
Wat je leert:
- Waarom IE-tester?
- Downloaden en installeren van IE-tester
- Hoe de Internet Explorer Tester Tool te gebruiken?
- Hoe ziet IE-tester eruit?
- Fouten van de testersoftware van Internet Explorer
- Gevolgtrekking
- Aanbevolen literatuur
Waarom IE-tester?
Hoewel er veel open-sourcebrowsers beschikbaar zijn, ondersteunen veel organisaties alleen Internet Explorer. Omdat er veel beheerdersrechten nodig zijn om software te downloaden en te installeren.
In dat geval is de eis van de klant dat zijn webapplicatie goed werkt op alle versies van Internet Explorer. Daarom moet een tester in deze situatie gebruikersinterfacetests uitvoeren op alle mogelijke versies van de browser.
Als de klant specifiek een browser heeft genoemd die hij gaat gebruiken tijdens het testen van de browserinterface, is het niet nodig om de website in andere browsers te controleren. De testers kunnen direct doorgaan door de website alleen op de vereiste versies van Internet Explorer te testen. IE-tester is de beste tool voor deze situatie.
Internet Explorer zelf biedt een optie om de websites op meerdere versies te testen. Het biedt echter geen optie om websites te testen in Internet Explorer 6 en 7.
U kunt een website alleen testen op Internet Explorer 8 en hoger. Om dat gewoon open te doen Internet Explorer => druk op F12 => Ontwikkelaarstools worden geopend => Klik op de pijl naar beneden => Selecteer emulatie => Onder ‘User-agent string’ krijg je de verschillende versies van Internet Explorer.
IE Tester biedt u een optie om uw website te testen op Internet Explorer 6 en hoger.
Downloaden en installeren van IE-tester
Download IE Tester van IETester HomePage
Klik op de groene knop met de tekst 'Download IE Tester v0.5.4 (60 MB)' Het downloadproces begint onmiddellijk en u ziet de volgende voortgangsbalk voor het downloaden onder aan de pagina.
Zodra dit is voltooid, dubbelklikt u op het exe-bestand en u krijgt een pop-up met de licentieovereenkomst. Klik op de 'Ik ga akkoord' knop en u zult het volgende venster kunnen zien.
Hier heb ik alle talen behalve Engels uitgeschakeld. U kunt zelfs al deze talen aangevinkt houden. Klik op de 'De volgende' knop en u ziet het volgende venster.
Klik op de 'Installeren' knop.
De installatie wordt binnen enkele seconden voltooid en u ziet een snelkoppeling op uw bureaublad. Dubbelklik erop om te openen. De eerste look van IE Tester is zoals hieronder weergegeven.
Hoe de Internet Explorer Tester Tool te gebruiken?
Zoals te zien is in de bovenstaande afbeelding, zijn er knoppen voor elke IE-versie. U kunt uw website / webpagina op elke versie bekijken door op die specifieke knop te klikken of op de laatste knop van ‘Alle IE-versies’.
Met deze knop kunt u uw website / webpagina controleren op alle genoemde versies. Wanneer u op het ‘Alle IE-versies’ knop ziet u het volgende venster zoals hieronder getoond.
Bij al deze knoppen is een knop voor IE versie 10 uitgeschakeld. Het wordt alleen ingeschakeld als IE versie 10 de standaardversie is en alleen op Windows 8, d.w.z. deze knop wordt alleen ingeschakeld als uw besturingssysteem Windows 8 is.
Zoals te zien is in de bovenstaande afbeelding, kunt u elke versie naar keuze selecteren en deselecteren. Voer de URL in de gegeven ruimte in en klik op ‘Ok’. Voor elke versie worden verschillende tabbladen geopend en u kunt uw HTML-bestanden die op uw computer zijn opgeslagen, selecteren met de ‘Bladeren’ knop.
Selecteer versie 10, voer de URL in, klik op ‘Ok’ en u kunt uw website / webpagina bekijken op IE-versie 10. Dus zelfs als de directe knop niet is ingeschakeld, kunt u op deze manier de website / webpagina op versie 10 controleren. Als u op ‘Ok’ klikt door de URL in te voeren, krijgt u het volgende venster te zien.
Zoals te zien is in de bovenstaande afbeelding, wordt een webpagina geopend op IE-versie 10. Nu zullen we alle knoppen, menu's en submenu's van IE Tester een voor een zien.
Tabblad sluiten knop: Deze knop bevindt zich naast het IE Tester-logo met een zwart gekleurde pijl zoals weergegeven in de onderstaande afbeelding. Het sluit het actieve tabblad. De sneltoets voor deze knop is ‘Ctrl + W’.
Laten we nu eens kijken naar de pijl naast de knop voor het sluiten van het tabblad, d.w.z. de bruin gekleurde pijl die in de bovenstaande afbeelding wordt weergegeven. Als je op deze pijl klikt, krijg je vier opties. De eerste optie is 'Dichtbij' Als u deze optie selecteert, wordt de knop ‘Tabblad sluiten’ gesloten of is deze niet zichtbaar.
De volgende of tweede optie is ‘Meer opdrachten’ U ziet het volgende venster wanneer u deze optie selecteert.
Hier is er een vervolgkeuzelijst genaamd ‘Kies commando's uit’ Afhankelijk van de optie die in deze vervolgkeuzelijst is geselecteerd, zullen de opdrachten veranderen en vervolgens kunt u dienovereenkomstig opdrachten ‘Toevoegen’ of ‘Verwijderen’. Druk op ‘Ok’ om de wijzigingen te voltooien en druk op ‘Reset’ om wijzigingen ongedaan te maken.
Er is een knop genaamd 'Aanpassen' , waarmee u sneltoetsen voor een bepaald commando kunt aanpassen.
Als u het selectievakje roept ‘Werkbalk voor snelle toegang onder het lint weergeven’ dan wordt een werkbalk getoond zoals in de onderstaande afbeelding. Dezelfde optie is beschikbaar in de vervolgkeuzelijst van de pijl die zich direct naast het 'Sluit Tab' knoop, getoond door een bruine pijl in onze eerdere afbeelding.
Als je wilt, kun je het weer naar de bovenkant schuiven. Wanneer u deze werkbalk onder het lint verschuift, dan in plaats van de optie ‘Onder lint weergeven’ , je zult de optie zien ‘Weergeven boven het lint’
Home Tab: Zoals te zien is in de onderstaande afbeelding, zijn er verschillende navigatie- en foutopsporingsopties beschikbaar op dit tabblad.
Als u naar verschillende pagina's navigeert, wordt de ‘Vorige’ en 'De volgende' knoppen worden ingeschakeld. Zodra u het tabblad opent en in de adresbalk typt, wordt het ‘Vernieuwen’ knop wordt ingeschakeld. De 'Hou op' knop wordt alleen ingeschakeld wanneer de IE-tester een nieuwe pagina opent.
Als er meerdere tabbladen (meer dan één) zijn geopend, is alleen het ‘Alles sluiten behalve het actieve tabblad’ knop wordt ingeschakeld. De knop ‘Alle tabbladen sluiten’ wordt ingeschakeld, zelfs als er maar één tabblad is geopend.
‘Foutopsporingsbalk in- / uitschakelen’ en ‘Favorieten’ worden ingeschakeld bij het openen van een tabblad. Om de ‘Debug Bar’ -opties te gebruiken, moet u de Debug Bar downloaden. De oudere versie ervan werkt niet met de nieuwste versie van IE Tester. De knop ‘Favorieten’ werkt niet zoals verwacht.
Tabblad Dev Tools: Dit tabblad geeft voornamelijk de opties weer die nuttig zijn voor de ontwikkelaars. U kunt de broncode van de webpagina bekijken. U kunt de tekstgrootte vergroten of verkleinen. Het zal nuttig zijn voor het testen van bruikbaarheid en gebruikersinterface. U kunt de webpagina bekijken door afbeeldingen, java, java-scripts, ActiveX, enz. Uit te schakelen.
U kunt de webpagina ook testen door de video's en achtergrondgeluiden uit te schakelen. U moet de Debug-balk downloaden naar de Toggle Debug-balk en de broncode bekijken. Het zal ook nuttig zijn voor de ontwikkelaars.
Tabblad Weergeven: Zoals weergegeven in de onderstaande afbeelding heeft het weergavetabblad 2 knoppen, namelijk ‘Volledig scherm’ en ‘Lint verbergen’. De ... gebruiken 'Volledig scherm' -knop kunt u uw webpagina in de modus Volledig scherm bekijken en in deze modus ziet u slechts één knop, d.w.z. ‘Volledig scherm sluiten’ om de modus voor volledig scherm af te sluiten.
Als u op het ‘Lint verbergen’ -knop krijgt u hetzelfde effect als de modus Volledig scherm. Het enige verschil is dat je in de modus Volledig scherm constant een knop op het scherm ziet om deze modus op volledig scherm te verlaten, en in de modus Lint verbergen krijg je geen knop. Om deze modus te verlaten, klikt u op het IE Tester-logo en selecteert u de optie ‘Lint weergeven’.
Tabblad Opties: Op het tabblad Opties heb je afdrukopties. Hier kunt u de versie van IE Tester controleren en als er een nieuwe versie van IE Tester beschikbaar is, kunt u de interneteigenschappen openen met de knop ‘Internet Explorer-opties’
Minimaliseer het tabblad Lint: Wanneer op deze knop wordt geklikt, wordt de werkbalk die u gebruikt geminimaliseerd. U zult de ‘Laat het lint zien’ knop om het te maximaliseren. Het effect van het gebruik van deze knop verschilt van de modus Volledig scherm en de modus Lint verbergen. Dit minimaliseert alleen de werkbalk en u kunt de koppen bekijken.
Hoe ziet IE-tester eruit?
De volgende afbeelding laat zien hoe een webpagina eruitziet in IE Tester als de versie van Internet Explorer wordt ondersteund. Hier hebben we de URL www.firstcry.com gebruikt met de standaardversie van Internet Explorer (Microsoft Edge).
De onderstaande afbeelding laat zien hoe de webpagina eruitziet in IE Tester als de versie van Internet Explorer niet wordt ondersteund door de website. Hiervoor heb ik dezelfde URL gebruikt met versie 6 van Internet Explorer.
Fouten van de testersoftware van Internet Explorer
Hier, met de versie van IE Tester, hebben we geprobeerd alleen IE6, IE10 (IE10 hoort niet te werken volgens het IE Tester-team) en standaard IE werken. Anders dan de Google-pagina tijdens het openen van www.firstcry.com, wordt de volgende fout weergegeven.
softwaretestvragen en antwoorden voor 2 jaar ervaring
Terwijl u op de knop voor IE-versie 5 klikt, kan een foutmelding met de melding 'Kan de gevraagde IE-versie niet laden' worden gezien zoals in de onderstaande afbeelding. Als het niet beschikbaar kan worden gemaakt voor gebruik, moet het van de werkbalk worden verwijderd.
Gevolgtrekking
IE Tester is nuttig voor testers en ontwikkelaars en bespaart veel tijd. Het downloaden en gebruiken van de oudere versies van de vereiste Internet Explorer is een vervelende klus. Vandaar dat IE Tester veel helpt bij het testen.
Voor het testen van browsercompatibiliteit zijn veel betaalde tools beschikbaar, maar dit heeft zeker invloed op het projectbudget. IE Tester is een gratis en gebruiksvriendelijke tool die erg handig is voor het testen van browsercompatibiliteit.
Ben je klaar om het eens te proberen?
Aanbevolen literatuur
- 12 testtools voor de beste bruikbaarheid voor het testen van de bruikbaarheid van websites (2021 LIST)
- Tutorial over bruikbaarheidstests: een complete handleiding om aan de slag te gaan
- Elementen zoeken in Chrome- en IE-browsers voor het bouwen van Selenium-scripts - Selenium-zelfstudie # 7
- Top 10 crossbrowser-testtools in 2021 (nieuwste ranglijst)
- Wat is crossbrowser-testen en hoe u dit kunt uitvoeren: een complete gids
- Tools en services voor het testen van websiteprestaties
- Geb-zelfstudie - Browserautomatisering testen met Geb Tool
- Selenium Grid-zelfstudie: installatie en voorbeeld van crossbrowser-testen