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
risposta
- 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.) - DevTools aperta, andare alla finestra di dialogo
Settings
, passare alla SchedaExperiments
. - Abilitare l'esperimento "Snippet support", chiudere e riaprire DevTools.
- Passare al pannello
Sources
. Nella barra laterale del navigatore di sinistra, passare alla schedaSnippets
. - Fare clic con il pulsante destro del mouse nell'albero [vuoto] in questa scheda, selezionare la voce di menu contestuale
New
. - Assegna al nuovo snippet qualsiasi nome e digita il corpo del frammento.
- 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.
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
Tuttavia, nulla sembra accadere dopo aver fatto clic su "Crea snippet". Forse questo è un bug con questa versione di Chromium. – hangtwenty
Come mai stai ancora utilizzando Chromium 20? Si consiglia di aggiornare definitivamente, in quanto ha un sacco di vulnerabilità di sicurezza. –
Non è possibile eseguire il debug di Javascript, ma è possibile eseguirlo (incluso jquery) in un REPL nella finestra di ispezione di Chrome.
- Aprire la finestra di ispezione
- Fare clic sul pulsante in basso a sinistra con 3 linee - il suo suggerimento è "spettacolo console"
- 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.
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.
Grazie. Penso di sapere che potrei scrivere una riga lì. C'è un modo per scrivere più righe di JavaScript? –