Comment utiliser l'élimination pour résoudre des problèmes avec les modèles

Comment utiliser la méthode d'élimination pour résoudre des problèmes sur les modèles ?

Utilisez la méthode d'élimination pour résoudre les problèmes de modèle

Recommandé : "tutoriel WordPress"

dans le modèle WordPress Pendant Dans le processus de production, il existe des problèmes apparemment compliqués. En fait, la plupart d'entre eux peuvent être résolus par eux-mêmes tant que l'emplacement du problème est déterminé. 1. Utiliser Firebug pour le dépannage 1.1 Brève introduction et méthode d'installation Firebug est un plug-in pour Firefox qui fournit un ensemble complet d'outils nécessaires au développement Web. De l'écriture HTML à l'embellissement et à l'optimisation des feuilles de style CSS, en passant par le processus de création de modèles WordPress, il existe des problèmes apparemment compliqués. En fait, tant que l'emplacement du problème est déterminé, la plupart peuvent l'être. résolus par eux-mêmes.

1. Utilisez Firebug pour le dépannage

1.1 Brève introduction et méthode d'installation

Firebug est un plug-in pour Firefox qui fournit un ensemble complet d'outils nécessaires au développement Web. De l'écriture HTML à l'embellissement et au réglage des feuilles de style CSS, et...

Nous devons donc d'abord installer le navigateur Firefox.

Après avoir installé le navigateur, sélectionnez le menu "Outils" dans la barre de menu, cliquez sur "Modules complémentaires" ==> "Obtenir des modules complémentaires"

Entrez "firebug" dans la saisie boîte . Une fois les résultats de la recherche affichés, cliquez sur le lien Firbug pour accéder à la page de téléchargement et d'installation de Firebug.

1.2 Mode d'emploi

Une fois l'installation terminée, faites un clic droit sur l'emplacement où vous avez fait l'erreur ==> Visualisez l'élément pour savoir où se trouve le mauvais style.

2. Méthode de débogage en arrière-plan de la bordure

2.1 Brève introduction

Si la page est anormalement affichée dans IE mais normale dans FF, ce sera plus gênant pour nous. peut donner à Set une bordure ou un arrière-plan bien visible pour les éléments à déboguer.

2.2 Comment utiliser

Estimez d'abord l'emplacement de l'erreur, ajoutez style="border:1px solid #000" à son étiquette, afin que vous puissiez voir que le module occupe quelle position et si c'est dans la catégorie de croissance.

3. Largeur maximale et largeur minimale

3.1 Brève introduction

Pendant le processus de production du modèle, les barres latérales coulent souvent, généralement en raison d'une largeur trop grande. mais pas définitivement.

3.2 Solution

Dans ce cas, nous pouvons d'abord définir la largeur du contenu à 100 ou moins et ajouter l'attribut overflow:hidden pour masquer la partie excédentaire. Si la largeur est réduite, le problème de l’enfoncement est résolu. Vous pouvez déterminer que le problème se produit sur cet élément. Après cela, vous pouvez modifier la marge gauche, la largeur et masquer les images qui dépassent la largeur. Vous pouvez la tester petit à petit et ajuster la version parfaite. (J'ai vu un collègue tester la largeur en la réduisant de 10 à chaque fois. Puisqu'il s'agit d'un test, ne serait-il pas plus facile de trouver des problèmes en la réduisant de 100 ?)

Méthode d'élimination de style <.>

est un peu compliqué La page peut charger N fichiers CSS de liens externes, puis supprimer les fichiers CSS un par un, trouver le fichier CSS spécifique déclenché par le BUG et restreindre la portée du verrou.

Pour le fichier de style CSS problématique qui vient d'être verrouillé, supprimez la définition de style spécifique ligne par ligne, localisez la définition de style de déclencheur spécifique et même les attributs de style de déclencheur spécifiques.

4. Méthode de confirmation du module

Parfois on peut aussi partir des éléments HTML de la page. Supprimez les différents modules HTML de la page et recherchez le module HTML qui déclenche le problème

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!