Comment enregistrer localement les modifications CSS apportées dans Chrome DevTools ?

Enregistrement des modifications CSS apportées via le panneau de styles de Chrome DevTools

Lorsque vous travaillez avec des fichiers CSS locaux à l'aide du panneau Styles dans les outils de développement de Google Chrome, les utilisateurs peut rencontrer des problèmes avec des modifications qui ne sont pas reflétées dans le panneau Ressources. Cet article propose une solution à ce problème.

Pour enregistrer les modifications CSS localement, Chrome vous permet d'intégrer des dossiers locaux dans votre espace de travail. Voici un guide étape par étape :

1. Ajouter un dossier à l'espace de travail : Dans le panneau Sources de DevTools, cliquez avec le bouton droit dans le panneau de gauche et sélectionnez « Ajouter un dossier à l'espace de travail ."
2. Autoriser les autorisations Chrome : Accorder à Chrome l'accès aux éléments ajoutés. dossier.
3. Ressources de la carte : Accédez à l'onglet Réseau, cliquez avec le bouton droit sur le chemin du fichier CSS et sélectionnez « Mapper vers le local ».

Une fois que vous Après avoir mappé la ressource, Chrome donnera la priorité au chargement des versions locales des fichiers mappés lors du rechargement de la page. Vous pouvez désormais enregistrer les modifications en appuyant sur le raccourci standard Ctrl S.

Options d'enregistrement supplémentaires :

Pour plus de flexibilité, envisagez d'utiliser des extensions ou des outils pour enregistrer les modifications CSS apportées via Chrome DevTools :

• LiveReload : Détecte les modifications CSS et recharge automatiquement le fenêtre du navigateur.
• CSS Reloader : Fournit une interface conviviale pour enregistrer les modifications, y compris la possibilité d'activer et de désactiver les modifications actives.
• Recharger CSS : Une extension minimaliste qui permet de recharger des fichiers CSS en un seul clic.

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!