Lors du déploiement d'un site, WEBDEV se charge automatiquement d'inclure les images directement référencées dans les pages du site. Il faut en revanche bien penser à déployer toutes les autres images utilisées par le site. Les images utilisées par programmation par exemple.
En cas d'omission (croix rouge dans le navigateur), la consultation des logs du serveur Web qui héberge le site permet de voir immédiatement les images manquantes. Mais voici une astuce évitant le passage par les logs du serveur :
- lancer le test du site avec le navigateur Chrome,
- utiliser le raccourci clavier F12 permettant d'afficher les "outils de développements",
- ouvrir la page du site déployé dans laquelle une image manque,
- afficher le bouton "console" des "outils de développements" : la liste exhaustive des images manquantes est montrée.
Mise à jour 7/9/2021
L'accès aux outils de développement (DevTools) peut être désactivé dans Edge. Le raccourci F12 est alors sans effet. Pour les réactiver en cas de besoin :
- menu "..." (en haut à droit) de Edge,
- options "Paramètres",
- sélectionner "Système",
- dans la rubrique "Outils de développement", cocher "Ouvrir DevTools lorsque la touche F12 est enfoncée".
|