Esegui il file javascript dall'area di lavoro negli strumenti di sviluppo di Chrome

È possibile eseguire un file JavaScript appena creato in un'area di lavoro locale nella console degli strumenti di sviluppo di Chrome?Esegui il file javascript dall'area di lavoro negli strumenti di sviluppo di Chrome

Il flusso di lavoro che sto cercando di raggiungere è quello mostrato in questa immagine:

enter image description here

voglio essere in grado di creare un nuovo file nel mio lavoro, eseguire (o richiedere o qualsiasi altra cosa) il file ed essere in grado di utilizzare le sue funzioni e le sue variabili nella console degli sviluppatori di Chrome.

Se sono corretto, questo significa eseguire lo script nel contesto della pagina Web e aggiungere metodi e variabili all'oggetto della finestra?

È un modo per farlo?

fonte

2015-01-15 arnoutaertgeerts

Non è una vera risposta come si vuole testarlo in un browser, ma un'alternativa per essere in grado di testare semplicemente il codice javascript è in realtà utilizzare Node.js in modo da poterlo eseguire al di fuori di un browser e forse facilmente testare attraverso i test unitari. – Gimby

Non proprio un'opzione, perché voglio utilizzare gli strumenti di sviluppo come editor :) – arnoutaertgeerts

Esegui solo i contenuti dei file nella console. –

È possibile definire un metodo nella pagina per aggiungere dinamicamente javascript alla pagina e quindi chiamarlo dalla console.

Per esempio se si ha un metodo come questo:

function loadJs(filename) { 
 
\t var tag=document.createElement('script'); 
 
\t tag.setAttribute("type","text/javascript"); 
 
\t tag.setAttribute("src", filename); 
 
\t document.getElementsByTagName("head")[0].appendChild(tag); 
 
}

quindi è possibile utilizzare il metodo che dalla console per caricare i file javascript.

fonte

2015-01-15 08:51:34

Questo codice mi dà il seguente errore: load ('C: \ Users \ u0098668 \ Documents \ Projects/local-folder/test.js') Non è permesso caricare la risorsa locale: file: /// C:/Users% C2 % 98668DocumentsProjects/local-cartella/test.js. Sarebbe possibile controllare le cartelle correnti nell'area di lavoro per il nome file? – arnoutaertgeerts

forse prova a utilizzare "file: /// C: /Users/u0098668/Documents/Projects/local-folder/test.js" come percorso del tuo file js. –

Oppure provare a mettere il file nella stessa posizione della pagina Web in modo da poter utilizzare un percorso relativo al file, invece di avere C: nel percorso –

-1

È possibile creare un semplice file html come questo con il file javascript nel tag dello script.

enter image description here

Poi si dovrebbe essere in grado di ottenere tutti i metodi nella Console per gli sviluppatori.

fonte

2015-01-15 08:57:00

Funziona ma non è possibile aggiungere dinamicamente nuovi file js – arnoutaertgeerts

Perché dovresti farlo? –

Per poter creare file nella console e utilizzarli immediatamente. – arnoutaertgeerts

Non sono riuscito a trovare un modo automatico per aggiungere un file locale nel contesto DOM. La soluzione migliore che ho trovato finora:

Apri il tuo spazio di lavoro locale e il file giusto
premere Ctrl + A (Seleziona tutto)
Premere CTRL + MAIUSC + E (in alternativa: Fare clic destro con il mouse sul testo selezionato e clicca su "Valutare in Console")

Beh, questo non è molto meglio di copiare & pasta ma risparmia un paio di clic del tasto presse/mouse.

fonte

2015-10-02 12:04:34 Trendfischer

Promemoria per il futuro: i produttori di browser stanno implementando il caricatore di moduli ecma2015, forse qualcosa come 'prova di importazione da 'file: // ...'' funzionerà tra qualche mese, vedi qui per maggiori informazioni: https: // developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/import – Trendfischer

Esegui il file javascript dall'area di lavoro negli strumenti di sviluppo di Chrome

risposta

Problemi correlati