web-dev-qa-db-fra.com

Écrire JavaScript dans Chrome outils de développement

Dans Firebug, je peux taper mon propre JavaScript dans l'onglet console et l'exécuter. Existe-t-il un moyen de taper JavaScript dans Chrome Developer Tools et de l'exécuter?

google-chrome-devtools
28
Andrew Koper
  1. Aller à chrome://flags/, activez le drapeau "Activer les tests des outils de développement" et redémarrez Chrome (ou démarrez-le avec le --enable-devtools-experiments indicateur de ligne de commande.)
  2. Ouvrez DevTools, accédez à la boîte de dialogue Settings, passez à l'onglet Experiments.
  3. Activez l'expérience "Prise en charge des extraits de code", fermez et rouvrez DevTools.
  4. Accédez au panneau Sources. Dans la barre latérale gauche du navigateur, passez à l'onglet Snippets.
  5. Cliquez avec le bouton droit dans l'arborescence [vide] de cet onglet, sélectionnez l'élément de menu contextuel New.
  6. Donnez au nouvel extrait le nom que vous voulez et saisissez le corps de l'extrait.
  7. Une fois terminé, cliquez sur Run (>) dans la barre d'état pour exécuter le corps de l'extrait. Vous pouvez définir des points d'arrêt dans des extraits et les déboguer en tant que scripts ordinaires.
51
Alexander Pavlov

Étape 1: Ouvrez Google chrome Outil de développement [ Appuyez sur f12 ]

Étape 2: Cliquez sur l'onglet Sources

Étape 3: Dans le panneau de gauche, cliquez sur l'onglet Extraits de code (peut être masqué, si tel est le cas, cliquez sur >> et il apparaîtra)

Étape 4: Pour créer un nouvel extrait, cliquez sur + Nouvel extrait ou cliquez avec le bouton droit dans le navigateur, puis sélectionnez Nouveau

Étape 5: Développez votre code dans le volet central et enregistrez-le.

Étape 6: pour exécuter l'extrait de code, il existe trois façons

       A: Ctrl + Enter

       B: Click on Run button [ Into Right-side panel, Top-Left button ]

       C: Right-click on the snippet filename (in the pane on the left that lists
          all your snippets) and select Run.
15
Parvesh Kumar Tandon

Chrome récent En utilisant Chrome 50, ouvrez simplement l'onglet "Console" et commencez à taper et exécuter votre code en bas) de la console.

Flèche vers le haut, rappelle le code, ctrl-enter vous donne une nouvelle ligne:

enter image description here

7
maxbellec

Vous ne pouvez pas déboguer Javascript, mais vous pouvez l'exécuter (y compris jquery) dans un REPL dans l'inspecteur chrome.

  1. Ouvrez l'inspecteur
  2. Cliquez sur le bouton en bas à gauche avec 3 lignes - son info-bulle est "afficher la console"
  3. Tapez votre javascript et appuyez sur Entrée

Notez que vous devez généralement vous rendre dans l'onglet Sources et cliquer sur le bouton "suspendre l'exécution du script" pour que votre javascript soit évalué.

0
Chris Adams