Veel mensen realiseren zich niet dat wanneer u een webpagina op uw computer bouwt, u deze niet op een webserver hoeft te plaatsen om deze weer te geven. Wanneer u een voorbeeld van een webpagina op uw harde schijf bekijkt, werken alle browsergerelateerde functies (zoals JavaScript, CSS en afbeeldingen) precies zoals ze zouden werken op uw webserver. Dus het testen van uw webpagina's in webbrowsers voordat u het live zet, is een goed idee.
-
Bouw uw webpagina en sla deze op uw harde schijf op.
-
Open uw webbrowser en ga naar het menu Bestand en kies Open.
-
Blader naar het bestand dat u op uw harde schijf hebt opgeslagen.
Testen van problemen
Er zijn een paar dingen die verkeerd kunnen gaan bij het testen van uw webpagina's op uw harde schijf in plaats van de webserver. Zorg ervoor dat uw pagina's correct zijn ingesteld om te testen:
- Gebruik volledig gekwalificeerde absolute paden voor koppelingen. U kunt pagina-relatieve paden gebruiken voor uw links, maar de beste manier om links te testen voordat een pagina live is, is door het volledige pad te gebruiken naar de pagina waarnaar u een koppeling maakt. Met andere woorden, neem de domeinnaam op in uw links.
- Gebruik pagina-relatieve paden voor uw afbeeldingen. Hoewel u de volledige URL voor uw afbeeldingen kunt gebruiken, is de kans groot dat uw afbeeldingen niet meer naar de server worden geüpload als de pagina die u aan het testen bent, net zo min is als de HTML. Door paden te gebruiken voor afbeeldingen die relatief zijn ten opzichte van de huidige pagina, worden ze weergegeven wanneer u het bestand op uw harde schijf test.
- Controleer de paden naar uw CSS en JavaScript externe bestanden. Er is geen goede vuistregel voor het gebruik van URL's met volledig pad of relatief pad voor scripts en CSS-bestanden - dit hangt af van uw site en wat voor u het beste werkt. In plaats daarvan moet u controleren of het bestand waarnaar u verwijst de meest actuele informatie bevat. Als u bijvoorbeeld een volledige URL voor uw CSS publiceert, moet u dat bestand tijdens het testen uploaden naar uw server.
Wees zeker om te testen in meerdere browsers
Nadat u in één browser naar uw pagina heeft gebladerd, kunt u de URL van de locatiebalk in de browser kopiëren en in andere browsers op dezelfde computer plakken. Wanneer we sites bouwen op Windows-machines, test dan de pagina's in de volgende browsers voordat u iets uploadt:
- Internet Explorer
- Opera
- Firefox
- Safari
- Chrome
Zodra u zeker weet dat de pagina er goed uitziet in de browsers die u op uw harde schijf hebt, kunt u de pagina uploaden en opnieuw testen vanaf de webserver. Zodra het is geüpload, moet u verbinding maken met de pagina met andere computers en besturingssystemen of een browseremulator als BrowserCam gebruiken om uitgebreide tests uit te voeren.
