Editando código fonte HTML com o Google Chrome

Ctrl+Shift+I or F12 -> Elementos, Deve mostrar a sua fonte. Clique com o botão direito em qualquer elemento e clique em Edit as HTML

Editar:

Há algumas extensões que se parecem com o que você quer: https://chrome.google.com/extensions/search?itemlang=&q=editor

ChromeEditor & Live WebSite Editor parecem promissores.

Adicionado por barlop Vejo que (depois de ctrl-shift-I / F12), clicar com o botão direito do rato na tag <HTML..> or </HTML> e clicar em “editar como html”. permite-me editar em qualquer lugar dentro dela. Escolher a tag de abertura significa que o popup para editar apenas cobre toda a fonte html que está lá - o que é muito limpo em termos de espaço ao editar. Escolher a tag de fecho pode ser útil pois o popup aparece sob o html para que se veja um antes/depois. Ou melhor, como diz Benjamin, F2 para editar, ctrl-enter para comprometer.

1. abrir DevTools.
2. abrir painel de Elementos.
3. seleccionar html ou corpo ou outro elemento que queira.
4. abrir consola por Esc.
5. escrever $0.contentEditable = true

agora pode editar texto na página e mover imagens mas não é que realmente queira :)

Se quiser editar o ficheiro como fonte html (e não elementos individuais) pode fazer o seguinte:

1. Seleccione o separador ‘Sources’ no lado esquerdo
2. Clique com o botão direito do rato no painel ‘Sources’ e seleccione ‘Add folder to workspace’ e adicione a pasta com o ficheiro HTML de origem
3. Clique com o botão direito do rato no ficheiro html que pretende editar e seleccione ‘map to network resource’.

Pode experimentar este InlineEditor para editar e guardar html estático nas páginas do browser aqui está o demo