2010-09-26 11:23:50 +0000 2010-09-26 11:23:50 +0000
34
34

Editando código fonte HTML com o Google Chrome

No Internet Explorer posso abrir um ficheiro local .html e editá-lo seleccionando “Source” no menu “View”,“ fazer uma alteração rápida, e depois "Refresh” (recarregar) a página web.

Como posso fazer isso com o Google Chrome?

Posso ter o ficheiro .html aberto no Bloco de Notas do Windows? (Eu gosto do bloco de notas porque é muito rápido).
Fonte

Respostas (4)

27
27
27
2010-09-26 11:40:16 +0000

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.
Fonte
23
23
23
2010-09-28 09:48:35 +0000
  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 :)
Fonte
1
1
1
2014-08-15 13:39:52 +0000

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’.
Fonte
1
1
1
2013-02-02 16:31:20 +0000

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

Fonte