Modifica del codice sorgente HTML con Google Chrome

Ctrl+Shift+I or F12 -> Elementi, Dovrebbe mostrare la tua fonte. Clicca con il tasto destro del mouse su qualsiasi elemento e clicca Edit as HTML

Edit:

Ci sono alcune estensioni che assomigliano a quello che vuoi: https://chrome.google.com/extensions/search?itemlang=&q=editor &003

ChromeEditor & Live WebSite Editor sembrano promettenti.

** Aggiunto da barlop** Vedo che (dopo ctrl-shift-I / F12), cliccando con il tasto destro del mouse sul tag <HTML..> or </HTML> e cliccando “edit as html”. mi permette di modificare in qualsiasi punto al suo interno. Scegliere il tag di apertura significa che il popup per l'editing copre solo tutta la sorgente html che c'è - che è molto ordinato in termini di spazio quando si modifica. La scelta del tag di chiusura potrebbe essere utile in quanto il popup appare poi sotto l'html in modo da vedere un prima/dopo. O meglio, come dice benjamin, F2 per modificare, ctrl-enter per commettere.

1. aprire DevTools.
2. aprire il pannello Elementi.
3. selezionare html o il corpo o un altro elemento che si desidera.
4. aprire la console di Esc.
5. scrivere $0.contentEditable = true

ora è possibile modificare il testo sulla pagina e spostare le immagini ma non è che si desidera veramente :)

Se si vuole modificare il file come sorgente html (e non i singoli elementi) si può fare quanto segue:

1. selezionare la scheda ‘Sorgenti’ sul lato sinistro
2. click destro nel riquadro ‘Sorgenti’ e selezionare ‘Aggiungi cartella all'area di lavoro’ e aggiungere la cartella con il file HTML sorgente
3. click destro sul file html che si vuole modificare e selezionare ‘mappa alla risorsa di rete’.

Potete provare questo InlineEditor per modificare e salvare l'html statico nelle pagine del browser qui c'è il demo