Chrome Developer Tools : Ce qui est des extraits de soutien ?

Question

À partir de la version 19, Chrome Web de l'Inspecteur dispose d'une fonctionnalité expérimentale appelée "extraits de soutien". Voici comment l'activer:

1. Ouvrez google chrome:drapeaux, activez l'option "Développeur d'Outils d'expériences", et redémarrer.

2. Ouvrez l'Inspecteur Web (Outils de développement), a frappé les paramètres de l'icône d'engrenage dans le coin en bas à droite, activez l'option "Extraits de soutien", redémarrer.

   

3. Ouvrez le panneau Scripts, cliquez sur le "navigateur de l'arbre" icône sur la gauche, et de trouver un vide Extraits de l'onglet.

   

Ma question est: Que puis-je l'utiliser pour? Comment puis-je le remplir avec des extraits?

Answer 1

Des extraits est maintenant atterri! Il n'est plus dans les expériences et vous pouvez le trouver dans le panneau des sources. Le meilleur de tous, nous avons très complet docs sur les extraits, maintenant:

developers.google.com/chrome-developer-tools/docs/authoring-development-workflow#snippets

En bref, les extraits sont multi-ligne de la console, un processus itératif JS processus de développement, et un magasin permanent pour la commune de débogage des aides. À partir de la documentation:

Certains des cas d'utilisation les Fragments peuvent aider avec:

• Favoris - l'ensemble de vos favoris pouvaient être stockées comme des fragments, en particulier ceux que vous souhaitez modifier.
• Utilitaires - débogage des aides pour l'interaction avec la page en cours peuvent être stockées et de débogage. Une communauté organisée, la liste de ces utilitaires est disponible.
• Débogage - Extraits de proposer un multi-ligne de la console avec la syntaxe de mise en évidence et leur persévérance, rendant la commodité pour le débogage de code qui est plus qu'un one-liner.
• Singe de correction de code - code que vous souhaitez patch au moment de l'exécution peut être fait à travers des Extraits, bien que de nombreuses fois, vous pouvez simplement vivre-de modifier le code dans l'onglet Sources.

Enfin, j'ai personnellement été la collecte de quelques extraits que vous pouvez inclure dans votre arsenal: github.com/paulirish/devtools-addons/wiki/Snippets

Answer 2

J'ai demandé à Paul Irish s'il savait quelque chose à ce sujet. Il n'était pas sûr non plus, mais a déclaré que ce n'était pas encore complètement implanté et m'a pointé vers le traqueur de bogues, j'ai trouvé le billet principal et en regardant une partie du code, les diffs ont beaucoup de problèmes. FIXME: To be implemented. commentaires.

Answer 3

Faites un clic droit pour en créer un nouveau.

Answer 4

Outils de développement de Chrome extraits de soutiennent permet de créer/modifier/enregistrer et exécuter les extraits de code javascript.

Answer 5

Je ne peux pas activer cette expérience moi-même (il n'y a pas Developer Tools experiments dans mon chrome:flags , mais de Safari, j'ai trouvé cette explication:

En bref, "c’est un petit utilitaire qui vous permet de saisir des blocs de HTML et de CSS et de le restituer à la volée".

D'après l'article du blog, il semble que Safari soit un buggy, alors peut-être que Chrome ne l'a pas encore implémenté.