Accueil Médias sociaux Vérification de la compatibilité du navigateur avec votre page Web - Les mannequins

Vérification de la compatibilité du navigateur avec votre page Web - Les mannequins

Vidéo: Resoudre le probleme Ce site web est inaccessible sur Chrome, Firefox, Internet Explorer 2025

Vidéo: Resoudre le probleme Ce site web est inaccessible sur Chrome, Firefox, Internet Explorer 2025
Anonim

L'un des plus gros problèmes avec la construction de pages Web est de s'assurer que ces pages sont compatibles avec plusieurs navigateurs. Cela signifie qu'ils doivent avoir l'air bien et fonctionner correctement dans autant de navigateurs et sur autant de périphériques que possible.

De nombreux éditeurs de code incluent un outil de compatibilité de navigateur qui examine toutes les balises de vos fichiers et détermine si ces balises et les attributs présents sont conformes aux dernières recommandations du W3C pour votre DTD sélectionnée dans les navigateurs actuels les plus populaires.

Ces outils devraient être capables d'identifier rapidement les problèmes de codage, comme si le code contient des balises obsolètes comme , qui devraient être identifiées et changées ou supprimées.

Bien que le test de compatibilité du navigateur ne montre généralement pas les erreurs détectées dans les navigateurs qui ne prennent pas en charge un tag ou un attribut particulier, les résultats de test indiquent souvent le type et la version du navigateur pouvant avoir des difficultés à afficher contenu afin que vous puissiez faire vos propres tests pour corriger l'erreur.

Par exemple, en utilisant l'outil de compatibilité de navigateur de Dreamweaver, vous pourriez voir une erreur. L'outil identifie et décrit le problème de jogging de trois pixels qui ne peut pas être correctement affiché dans Internet Explorer 6. 0.

Pour exécuter le test de compatibilité du navigateur dans un seul fichier HTML ouvert dans Dreamweaver, procédez comme suit:

< ! --3 ->
  1. Dans l'onglet Compatibilité du navigateur du panneau Résultats, cliquez sur le bouton fléché vert dans l'angle supérieur gauche et choisissez Vérifier la compatibilité du navigateur dans le menu déroulant.

  2. Selon le nombre de problèmes trouvés, le rapport peut prendre quelques minutes à générer. Sois patient.

    Comme les autres onglets du panneau Résultats, les résultats de cet outil s'affichent dans une liste en bas du panneau Résultats avec une icône Erreur, Avertissement ou Message à côté de chaque problème détecté. En outre, ce panneau affiche des résultats détaillés sur chaque problème trouvé sur le côté droit du panneau.

  3. Pour corriger les problèmes détectés, double-cliquez sur la ligne dans le panneau Résultats qui contient le problème, et Dreamweaver ouvre automatiquement la page contenant l'erreur.

Le code en question est mis en surbrillance et / ou affiché avec un trait ondulé rouge ou vert dans l'affichage du code de Dreamweaver pour faciliter la correction ou l'ajustement. Pour afficher une fenêtre contextuelle dans le code identifiant l'erreur et répertoriant les navigateurs qui ne la prennent pas en charge, placez votre curseur au-dessus du soulignement ondulé.

Tout comme l'outil de compatibilité du navigateur, gardez à l'esprit qu'il ne vérifie que la validité du code dans un sous-ensemble de navigateurs et de versions de navigateurs. Ce qu'il ne fait pas, c'est vérifier l'exactitude du code ou de toute fonctionnalité de tout code JavaScript, jQuery ou autre code utilisé dans le (s) fichier (s).

Vérification de la compatibilité du navigateur avec votre page Web - Les mannequins

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...