2011-01-21 14 views
7

So che puoi usare Firebug nella vista DOM per modificare le variabili JavaScript MA ... c'è un modo in cui posso usare (qualsiasi altra cosa) per modificare il live JavaScript che è incorporato in una pagina HTML?Modifica blocchi JavaScript della pagina Web ... live

piace questo tipo che si trova in una pagina html:

<script type="text/javascript> 
// code here 
</script> 

Grazie.

+1

È possibile utilizzare Opera. Opera consente la modifica di file JS e JS in linea. Dopo aver ricaricato la pagina, le modifiche verranno applicate. Fai clic con il pulsante destro del mouse su> Sorgente> Apporta modifiche> Applica modifiche. – XP1

risposta

3

bookmarklets

Dal Wikipedia entry

Un bookmarklet è un applet, una piccola applicazione del computer, memorizzati come l'URL di un segnalibro in un browser Web o da un collegamento ipertestuale in una pagina web. Il termine è un portmanteau dei termini segnalibro e applet. Se le utilità bookmarklet sono memorizzate come segnalibri o collegamenti ipertestuali, sono progettate per aggiungere funzionalità con un solo clic a un browser o una pagina Web. Quando si fa clic, un bookmarklet esegue alcune funzioni, una di una grande varietà come una query di ricerca o l'estrazione di dati. Di solito l'applet è un programma JavaScript.

E come una nota correlata non cercare di spam o nulla ho creato un bookmarklet generator per aiutarmi a creare bookmarklets più facile.

+0

Va bene, ho appena riletto la domanda, forse i bookmarklet non sono quello che cerchi, potresti provare http://jsfiddle.net/, ma non sono sicuro che questo * esattamente * quello che vuoi sia . – zzzzBov

+0

Intendevo andare a una pagina Web diversa e modificare i blocchi javascript. – nn2

+0

Google Chrome e Opera hanno anche un editor DOM decente. Firebug è il mio strumento preferito per la modifica live di altre pagine. * sì, so che hai chiesto altre opzioni * – zzzzBov

0

Eloquent javascript ha una finestra del tipo di console nella parte inferiore (fare clic sulla piccola freccia in basso a destra). Questo potrebbe essere quello che stai cercando. Il termine esatto per ciò che intendi è un REPL, un ciclo Read-Evaluate-Print.

0

Bene, non sarà possibile modificare il codice JavaScript che è stato caricato nel browser, tranne con l'aiuto di quello stesso browser. Ciò significa fondamentalmente tramite un plug-in e non sono a conoscenza di alcun plug-in diverso da FireBug che ti consenta di farlo.

C'è un motivo specifico per cui non puoi/non utilizzerai FireBug?

+0

Questo non è necessariamente vero. Si potrebbe usare un elemento di input standard (ad esempio una textarea) per inserire il codice. Quindi usa la funzione javascript 'eval()' per eseguirla, fornendo in effetti una console. – Exelian

0

Firebug stesso ha una versione "lite" non dipendente dal plugin. Se si esamina il codice sorgente di questo, è possibile scoprire come implementare un ampio sottoinsieme della funzionalità Firebug.

http://getfirebug.com/firebuglite

0

Chrome ha anche una finestra di console che può essere attivata una volta che si ispezionare l'elemento (o la pagina). Da lì puoi scrivere javascript semplice. Ha anche un debugger abbastanza decente.

1

Firebug dispone di una console (la prima scheda della finestra firebug) in cui è possibile scrivere codice JS ed eseguirlo nella pagina corrente. Supponiamo che la pagina web abbia una funzione denominata myFunc definita e che si desideri sovrascriverla: l'esecuzione di quanto segue nella console farà il trucco.

myFunc = function(/* function arguments here */) { 
    /* new function body here */ 
}; /* notice the ; */ 

e per vedere la versione attuale di una funzione è possibile eseguire

uneval(myFunc); 

questo stampa la corrente myFunc

nota: penso che per default la console viene fornito con un casella di input a riga singola, ma da qualche parte nelle opzioni è possibile passare a una casella di input su più righe. Quando in multi-linea, passa a una nuova riga, + esegue il codice.

0

Se vai su Strumenti/Strumenti per sviluppatori su Chrome, troverai uno spazio in cui puoi modificare tutto il codice da html, javascript e CSS, in diretta sul tuo browser. Ovviamente non genera un vero cambiamento nella pagina, solo nel modo in cui la vedi, dal momento che può essere modificata per l'amministratore del sito web

+0

Se si desidera applicare modifiche reali, è possibile utilizzare Opera. Opera consente la modifica di file JS e JS in linea. Dopo aver ricaricato la pagina, le modifiche verranno applicate. Fai clic con il pulsante destro del mouse su> Sorgente> Apporta modifiche> Applica modifiche. – XP1

0

È possibile modificare i tag di script in linea con la vista HTML di Firebug. Basta selezionare il tag script e quindi premere il pulsante "Modifica". Dopo la modifica, premere nuovamente il pulsante "Modifica" per applicare le modifiche.

0

Il plug-in per Firefox 'Greasemonkey non è stato ancora menzionato. In questo modo puoi memorizzare, riutilizzare e condividere i tuoi script. Non sono sicuro al 100% di poter eseguire il codice nello stesso identico ambito del codice della pagina OOTB. L'inserimento di tag di script arbitrari è comunque possibile.

2

È possibile utilizzare Opera 12. Opera 12 consente la modifica di file JS e JS in linea. Dopo aver ricaricato la pagina, le modifiche verranno applicate. Fai clic con il pulsante destro del mouse su> Sorgente> Apporta modifiche> Applica modifiche.

Problemi correlati