Comment désactiver le CSS externe dans les navigateurs Web pour les tests ?

Désactivation du CSS externe dans les navigateurs Web pour les tests

Lors du test des fonctionnalités de base d'une page Web, il peut être utile de désactiver le CSS externe pour vérifier la mise en page et la fonctionnalité de la page sans les améliorations visuelles fournies par les feuilles de style. Voici comment désactiver le CSS externe dans les navigateurs populaires :

Chrome/Chromium

1. Ouvrez la console du développeur (Ctrl Maj J).
2. Accédez à l'onglet "Sources".
3. Cliquez sur le triangle d'affichage dans le coin supérieur gauche.
4. Développez les dossiers de votre domaine, CSS, et sélectionnez les fichiers CSS que vous souhaitez désactiver. .
5. Sélectionnez et supprimez le contenu de chaque feuille de style.

Firefox

1. Ouvrez la console Web (Ctrl Maj K) .
2. Entrez la commande suivante : document.documentElement.style.sheet.cssText = ""
3. Appuyez sur Entrée.

Safari

1. Ouvrez le menu Développement (option de commande E).
2. Sélectionnez « Désactiver les styles » dans la section « Avancé ».

Microsoft Edge

1. Ouvrez les outils de développement (F12).
2. Naviguez jusqu'à l'onglet "Styles".
3. Sélectionnez les fichiers CSS que vous souhaitez désactiver et cliquez sur sur le bouton "Désactiver".

Remarque : Ces méthodes désactivent temporairement les fichiers CSS sélectionnés uniquement. Pour restaurer les feuilles de style, actualisez simplement la page ou réactivez-les dans les paramètres du navigateur.

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!