En plein sur la volée de la feuille de style de l'édition dans Chrome ou Safari
Je déteste Firefox, je n'ai vraiment, mais en tant que développeur web, je suis enchaîné à ce b/c de l'ensemble robuste d'outils que Firebug offre. Récemment, google Chrome et Safari outils d'inspection des utilisateurs autorisés à modifier plein de morceaux de code structurel (dans une très buggy manière), mais vous ne pouvez pas modifier plein de feuilles de style. Généralement, quand quelqu'un apporte cette place, Chrome et Safari développeurs disent "MAIS VOUS POUVEZ MODIFIER le CSS," et c'est vrai, dans une certaine mesure. Vous pouvez modifier le code CSS de la propriété par propriété (ce qui prend énormément de temps si vous avez beaucoup de changements) dans les deux navigateurs, mais il n'y a pas moyen de voir la pleine calculée de la feuille de style, faire des modifications à l'intérieur de ça, et de voir immédiatement les résultats. À ce jour, seule une installation complète de Firebug sur Firefox vous permet de faire cela.
A-t-il été tout élan dans le Chrome ou Safari camps de construire un plugin pour le match de ce inégalée fonction? Pas cher plugins qui vous permettent d'insérer du CSS dans la page ne sont pas la réponse. C'est très simple:
- Ont une liste avec les actuels des feuilles de style qui sont référencés
- Choisir celui que vous voulez modifier, puis cliquez sur le bouton editer
- Voir tout le code dans la feuille de style
- Faire des changements et de voir se refléter sur la page immédiatement
Est-il vraiment si difficile de construire quelque chose qui fait cela? Je pense qu'il doit être, b/c sinon, pourquoi les communautés de développeurs de deux navigateurs complètement l'ignorer? Si il y a quelque chose là-bas qui offre maintenant cette possibilité, je serais ravi de l'entendre; sinon, peut-être quelqu'un va intensifier à la plaque et de la développer pour google Chrome ou Safari. Il semble que le gars qui a développé le CSS Edit application serait d'autant plus de cette.
I hate Firefox
- un rare point de vue. Une raison en particulier? Quant à votre question - je ne trouve pas souvent moi-même à l'aide de la page "modifier les CSS de texte" de Firebug, j'ai donc à ne pas manquer à partir de Chrome. La "propriété par propriété" qui change, c'est juste pour moi une seconde nature. Bien évidemment, il serait agréable d'avoir le Firebug fonctionnalité dont vous parlez dans Chrome/Safari, mais je ne pense pas que c'est que les grandes d'un accord pour la plupart des développeurs.- "une rare vue" - à peine. Firefox, et le moteur de rendu Gecko en particulier, commence à montrer son âge. Il n'est pas rare d'entendre qu'il désignait comme le "nouveau SAVOIR" parmi les développeurs de mon équipe, qui est un groupe de près de 400 professionnels.
- Je suis désolé, mais qui sonne comme de proférer des âneries. Firefox 3.6.13, qui n'est même pas la dernière version, les scores dans les années 90 de haut sur le test Acid3. En fait, je suis intrigué - quel est le problème avec le moteur de rendu qui vous fait détester assez pour avoir les premiers mots de votre post
I hate Firefox
? - Outre les occasionnels hauteur de la ligne de mot et de l'espacement de bugs avec Gecko, Firefox est instable et un dévoreur de mémoire (je suis sur un Mac, et j'ai entendu dire que c'est beaucoup mieux sur Windows). Le curseur de navigation bug me conduit dans le mur! Pour moi, Firefox est devenu mort par mille coupures. Je trouve que de plus en plus de nos rapports de bug, FF est le premier navigateur. Je suis prêt pour un changement, et merci pour la réponse ci-dessous, je suis heureux de revenir avec google Chrome.
Vous devez vous connecter pour publier un commentaire.
Grâce à vous j'ai trouvé!
La Vivre les feuilles de style de l'extension pour Chrome est ce que vous cherchez. Assurez-vous de redémarrer Chrome après l'installation de l'utiliser.
Vous pouvez modifier des feuilles de style externes dans Chrome DevTools, trop (depuis Chrome 15). Il suffit de double-cliquer sur le contenu de la feuille de style dans le panneau Ressources (ou cliquez sur le bouton "Modifier" ci-dessous), de modifier, Ctrl-S pour commettre une nouvelle version, la touche Echap pour annuler la modification. Et les mises à jour de votre page que vous tapez!
Vous pouvez éditer vos fichiers CSS directement dans Chrome, sans s'appuyer sur aucune extension.
Voici comment: Modifier les fichiers CSS à la volée à l'aide de Chrome DevTools
Une autre manière pour y accéder: