chrome devtools: les révisions des ressources ne fonctionnent pas

Question

Dans Chrome, vous pouvez modifier vos ressources en ligne et Chrome va générer des révisions de cette ressource. Voici la documentation: http://code.google.com/intl/en-US/chrome/devtools/docs/elements-styles.html#persist

Malheureusement, cela ne fonctionne pas ici, et je ne sais pas comment l'activer. Il n'est pas possible de développer le fichier dans l'onglet des ressources pour voir les révisions.

En utilisant Chrome 15.0.874.121 sur MacOS ici. Un de mes collègues a essayé le canal développeur, mais il n'est toujours pas là. Mais j'ai vu une démonstration à la Google Developer Day.

Answer 1

Cela fonctionne aussi dans 15.0.874.121 - il suffit de double-cliquer sur le contenu textuel d'un fichier CSS ou JS dans le panneau Ressources, tapez quelque chose et appuyez sur Cmd + Entrée. Vous verrez les lignes que vous avez ajoutées affichées avec un fond vert, et la ressource éditée sur la gauche deviendra extensible.

Answer 2

En variante, le canal Dev a un bouton "Modifier" (un crayon avec des points) sous le contenu de la ressource si la ressource est modifiable. Vous pouvez cliquer dessus pour basculer l'édition de ressource.

Answer 3

Cela fonctionne très bien sur ToT et sur le canal de développement 17.0.942.0 dev. Le scénario.

1. inspecteur ouvrir le panneau Scripts
2. commencer à éditer avec double clic
3. enregistrer la révision avec Cmd + S
4. sortie en option à partir du mode d'édition Maj-Entrée
5. Resource Panel ouvert
6. cliquez sur le symbole de la flèche droite proche du fichier édité.