Comment puis-je enregistrer définitivement les modifications CSS apportées dans Chrome DevTools ?

Modifications CSS persistantes à partir du panneau de styles des outils de développement Chrome

Énoncé du problème :

Impossible d'enregistrer les modifications CSS apportées dans le Panneau Styles des outils de développement Google Chrome, malgré la documentation suggérant qu'il devrait être visible dans la ressource panneau.

Solution :

Chrome offre désormais la possibilité d'ajouter des dossiers locaux à son espace de travail. En tirant parti de cette fonctionnalité, vous pouvez mapper une ressource Web à une ressource locale et enregistrer vos modifications CSS directement à partir des outils de développement.

Étapes :

1. Ajouter un dossier à l'espace de travail :

   • Accédez au panneau Sources du développeur Outils.
   • Cliquez avec le bouton droit dans le panneau de gauche et sélectionnez « Ajouter un dossier à l'espace de travail ».
   • Sélectionnez le dossier contenant votre fichier CSS.

2. Accorder l'accès à Chrome :

   • Une invite apparaîtra pour demander l'autorisation d'accéder au dossier.
   • Accorder l'accès à Chrome.

3. Mapper le réseau vers une ressource locale :

   • Recharger le page.
   • Recherchez le fichier mappé correspondant dans Sources panneau.
   • Cliquez avec le bouton droit sur le nom du fichier et sélectionnez « Mapper la ressource du système de fichiers ».
   • Naviguez jusqu'au fichier local et sélectionnez-le.

4. Enregistrer les modifications :

   • Apportez vos modifications CSS dans le mappé fichier.
   • Appuyez sur CTRL S pour enregistrer les modifications.

Remarques supplémentaires :

• Vous Vous devrez peut-être ouvrir et modifier le fichier mappé pour lancer l'application des modifications locales.
• Si vous ne voyez pas les styles panneau, cliquez sur l'icône à trois points dans le coin supérieur droit du panneau Éléments et sélectionnez « Afficher les styles ».

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!