Edición del código fuente HTML con Google Chrome

Elementos, debería mostrar tu fuente. Haz clic con el botón derecho del ratón en cualquier elemento y haz clic en Ctrl+Shift+I or F12

Editar:

Hay algunas extensiones que se parecen a lo que quieres: https://chrome.google.com/extensions/search?itemlang=&q=editor

Edit as HTML & ChromeEditor se ven prometedoras.

Añadido por barlop Veo que (después de ctrl-shift-I / F12), al hacer clic derecho en la etiqueta Live WebSite Editor y al hacer clic en “edit as html” me permite editar en cualquier lugar dentro de ella. Elegir la etiqueta de apertura significa que el popup para editar sólo cubre toda la fuente html que está ahí - lo que es muy limpio en términos de espacio al editar. Elegir la etiqueta de cierre puede ser útil ya que el popup aparece entonces bajo el html para que veas un antes/después. O mejor, como dice Benjamin, F2 para editar, ctrl-enter para confirmar.

1. abre DevTools.
2. abre el panel de Elementos.
3. selecciona html o cuerpo u otro elemento que quieras.
4. abre la consola por Esc.
5. escribe $0.contentEditable = true

ahora puedes editar el texto de la página y mover imágenes pero no es que realmente quieras :)

Si quieres editar el archivo como fuente html (y no elementos individuales) puedes hacer lo siguiente:

1. selecciona la pestaña ‘Fuentes’ en el lado izquierdo
2. haz clic con el botón derecho en el panel ‘Fuentes’ y selecciona ‘Añadir carpeta al espacio de trabajo’ y añade la carpeta con el archivo HTML fuente
3. haz clic con el botón derecho del ratón en el archivo html que quieras editar y selecciona ‘mapear al recurso de la red’

Puedes probar este InlineEditor para editar y guardar html estático en las páginas del navegador aquí está la demo