Beaucoup de gens ne se rendent pas compte que lorsque vous créez une page Web sur votre ordinateur, vous n'avez pas besoin de la poster sur un serveur Web pour pouvoir la visualiser. Lorsque vous affichez un aperçu d'une page Web sur votre disque dur, toutes les fonctions liées au navigateur (telles que JavaScript, CSS et les images) doivent fonctionner exactement comme sur votre serveur Web. Il est donc judicieux de tester vos pages Web dans les navigateurs Web avant de les diffuser.
-
Construisez votre page Web et enregistrez-la sur votre disque dur.
-
Ouvrez votre navigateur Web et allez dans le menu Fichier et choisissez Ouvrir.
-
Naviguez jusqu'au fichier que vous avez enregistré sur votre disque dur.
Problèmes de test
Il se peut que certains problèmes se produisent lorsque vous testez vos pages Web sur votre disque dur plutôt que sur le serveur Web. Assurez-vous que vos pages sont correctement configurées pour les tests:
- Utilisez des chemins absolus pleinement qualifiés pour les liens. Vous pouvez utiliser des chemins relatifs à la page pour vos liens, mais le meilleur moyen de tester les liens avant la mise en ligne d'une page est d'utiliser le chemin complet de la page vers laquelle vous créez un lien. En d'autres termes, incluez le nom de domaine dans vos liens.
- Utilisez des chemins relatifs à la page pour vos images. Bien que vous puissiez utiliser l'URL complète pour vos images, si la page que vous testez est nouvelle, il est probable que vos images ne soient pas plus téléchargées sur le serveur que le code HTML. En utilisant des chemins d'accès aux images relatives à la page en cours, ils apparaîtront lorsque vous testez le fichier sur votre disque dur.
- Vérifiez les chemins d'accès à vos fichiers externes CSS et JavaScript. En règle générale, l'utilisation d'URL de chemin complet ou relatif pour les scripts et les fichiers CSS n'est pas une bonne règle. Cela dépend de votre site et de ce qui vous convient le mieux. Au lieu de cela, vous devez vérifier que le fichier sur lequel vous pointez contient les informations les plus récentes. Par exemple, si vous publiez une URL de chemin complet pour votre CSS, vous devrez télécharger ce fichier sur votre serveur lors du test.
Assurez-vous de tester plusieurs navigateurs
Une fois que vous avez accédé à votre page dans un navigateur, vous pouvez copier l'URL de la barre d'emplacement du navigateur et la coller dans d'autres navigateurs sur le même ordinateur. Lorsque nous construisons des sites sur des machines Windows, testez les pages dans les navigateurs suivants avant de télécharger quoi que ce soit:
- Internet Explorer
- Opéra
- Firefox
- Safari
- Chrome
Une fois que vous êtes certain que la page a l'air exacte dans les navigateurs que vous avez sur votre disque dur, vous pouvez la télécharger et la tester à nouveau à partir du serveur Web. Une fois le fichier chargé, vous devez vous connecter à la page avec d'autres ordinateurs et systèmes d'exploitation ou utiliser un émulateur de navigateur tel que BrowserCam pour effectuer des tests approfondis.
