Editando código-fonte HTML com o Google Chrome

Question

No Internet Explorer, posso abrir um arquivo .html local e editá-lo selecionando "Fonte" no menu "Visualizar", "fazer uma alteração rápida e, em seguida," Atualizar "(recarregar) a página da Web.

Como posso fazer isso com o Google Chrome?

Posso ter o arquivo .html aberto no Windows Notepad? (Eu gosto do bloco de notas porque é muito rápido.)

    

Answer 1

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

Editar:

Existem algumas extensões que se parecem com o que você deseja: link

ChromeEditor & Live WebSite Editor parece promissor.

Adicionado por barlop
Vejo isso (depois de ctrl-shift-I / F12), clicando com o botão direito na tag <HTML..> or </HTML> e clicando em "edit as html". permite-me editar em qualquer lugar dentro dele. Escolher a tag de abertura significa que o pop-up para edição cobre apenas toda a fonte html que está lá - o que é muito interessante em termos de espaço ao editar. Escolher a tag de fechamento pode ser útil, pois o pop-up aparece sob o html para que você veja um antes / depois. Ou melhor, como benjamin diz, F2 para editar, ctrl-enter para commitar.

    

Answer 2

1. abra o DevTools.
2. painel Elementos abertos.
3. selecione HTML ou corpo ou outro elemento que você deseja.
4. console aberto por Esc.
5. escreva $ 0.contentEditable = true

agora você pode editar o texto na página e mover imagens, mas não é isso que você realmente quer:)

    

Answer 3

Você pode tentar que o InlineEditor edite e salve o HTML estático nas páginas do navegador. Aqui está a demonstração

    

Answer 4

Se você quiser editar o arquivo como fonte html (e não elementos individuais), faça o seguinte:

1. selecione a guia "Fontes" no lado esquerdo
2. clique com o botão direito do mouse no painel "Origens" e selecione "Adicionar pasta ao espaço de trabalho" e adicione a pasta ao arquivo HTML de origem
3. clique com o botão direito do mouse no arquivo HTML que você deseja editar e selecione "mapear para o recurso de rede"