2012-12-09 2 views
21

In Firebug, posso digitare il mio JavaScript nella scheda della console ed eseguirlo. C'è un modo per digitare JavaScript in Chrome Developer Tools ed eseguirlo?Scrivi JavaScript in strumenti per sviluppatori di Chrome

+0

Grazie. Penso di sapere che potrei scrivere una riga lì. C'è un modo per scrivere più righe di JavaScript? –

risposta

48
  1. Vai a chrome://flags/, attivare il flag "Abilita strumenti di sviluppo esperimenti" e riavviare Chrome (o iniziare con il flag --enable-devtools-experiments della riga di comando.)
  2. DevTools aperta, andare alla finestra di dialogo Settings, passare alla Scheda Experiments.
  3. Abilitare l'esperimento "Snippet support", chiudere e riaprire DevTools.
  4. Passare al pannello Sources. Nella barra laterale del navigatore di sinistra, passare alla scheda Snippets.
  5. Fare clic con il pulsante destro del mouse nell'albero [vuoto] in questa scheda, selezionare la voce di menu contestuale New.
  6. Assegna al nuovo snippet qualsiasi nome e digita il corpo del frammento.
  7. Una volta terminato, fare clic sul pulsante Run (>) nella barra di stato per eseguire il corpo dello snippet. È possibile impostare i punti di interruzione nei frammenti e eseguirne il debug come normali script.
+1

Utilizzo di Chromium versione 20.0.1132.47 Ubuntu 12.04 (144678), ho riscontrato che i passaggi 2, 4 e 5 sono leggermente diversi: 2) Strumenti di sviluppo aperti ('Strumenti'>' Strumenti di sviluppo' - o 'Maiusc + Ctrl + I'), fai clic sull'icona delle impostazioni (una piccola marcia in basso a destra), quindi * scorri verso il basso * nella sezione 'Esperimenti'. 3 è lo stesso. 4) Passa al pannello 'Script'. Fai clic sulla piccola icona ad albero, se necessario. Ora vedrai tre schede, 'Script,' Contenuto degli script' e 'Snippet'. Passa alla scheda 'Snippet'. 5) Fare clic con il pulsante destro del mouse nell'albero [vuoto] in questa scheda, selezionare la voce di menu di scelta rapida 'Crea snippet'. – hangtwenty

+0

Tuttavia, nulla sembra accadere dopo aver fatto clic su "Crea snippet". Forse questo è un bug con questa versione di Chromium. – hangtwenty

+0

Come mai stai ancora utilizzando Chromium 20? Si consiglia di aggiornare definitivamente, in quanto ha un sacco di vulnerabilità di sicurezza. –

0

Non è possibile eseguire il debug di Javascript, ma è possibile eseguirlo (incluso jquery) in un REPL nella finestra di ispezione di Chrome.

  1. Aprire la finestra di ispezione
  2. Fare clic sul pulsante in basso a sinistra con 3 linee - il suo suggerimento è "spettacolo console"
  3. Digitare i javascript e premere invio

Nota di solito si devono vai alla scheda Sources e fai clic sul pulsante "Esegui lo script di esecuzione" per far sì che il tuo javascript venga valutato.

4

recente Chrome Utilizzando Chrome 50, juste aprire la scheda "Console" e iniziare a digitare ed eseguire il codice nella parte inferiore della console.

freccia in su, ricorda il codice, Ctrl-Enter ti dà una nuova linea:

enter image description here

5

Fase 1: Aprire Chrome strumento Dev Google [premere F12]

Fase 2: Clicca su Fonti scheda

Punto 3: sul pannello laterale sinistro, cliccare su Frammenti scheda (potrebbe essere nascosta, in caso affermativo clicca >> e apparirà)

Fase 4: Per creare nuovo frammento clicca + Nuovo frammento oppure fare clic destro all'interno del Navigator, quindi selezionare Nuovo

Passaggio 5: sviluppare il codice nel riquadro centrale e salvarlo.

Passo 6: Per eseguire Snippet, ci sono tre modi

 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.