34 votos

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

En Internet Explorer puedo abrir un archivo .html local y editarlo seleccionando "Fuente" en el menú "Ver"," hacer un cambio rápido y luego "Actualizar" (recargar) la página web.

¿Cómo puedo hacerlo con Google Chrome?

¿Puedo tener el archivo .html abierto en el Bloc de notas de Windows? (Me gusta el Bloc de notas porque es muy rápido).

27voto

Casual Coder Puntos 2513

Ctrl+Shift+I or F12 -> Elementos, Debería mostrar su fuente. Haga clic con el botón derecho en cualquier elemento y haga clic en Edit as HTML

Editar:

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

ChromeEditor & Live WebSite Editor parecen prometedores.

Añadido por barlop
Veo que (después de ctrl-mayúsculas-I / F12), haciendo clic derecho en el <HTML..> or </HTML> y haciendo clic en "editar como html". me permite editar en cualquier lugar dentro de ella. Elegir la etiqueta de apertura significa que la ventana emergente para la edición sólo cubre toda la fuente html que está allí - lo que es muy limpio en términos de espacio al editar. La elección de la etiqueta de cierre puede ser útil, ya que la ventana emergente aparece bajo el html para ver un antes/después. O mejor, como dice benjamin, F2 para editar, ctrl-enter para commit.

24voto

Valentin Puntos 265
  1. abrir DevTools.
  2. abrir el panel de Elementos.
  3. seleccione html o body u otro elemento que desee.
  4. abrir la consola con Esc.
  5. escribir $0.contentEditable = true

ahora puede editar el texto en la página y mover las imágenes, pero no es que realmente quiere :)

1voto

Misha Kobrin Puntos 111

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

1voto

Paul Troon Puntos 1

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

  1. seleccione la pestaña "Fuentes" en el lado izquierdo
  2. haga clic con el botón derecho del ratón en el panel "Fuentes" y seleccione "Añadir carpeta al espacio de trabajo" y añada la carpeta con el archivo HTML de origen
  3. haga clic con el botón derecho del ratón en el archivo html que desea editar y seleccione "asignar a recurso de red".

EnMiMaquinaFunciona.com

EnMiMaquinaFunciona es una comunidad de administradores de sistemas en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros sysadmin, hacer tus propias preguntas o resolver las de los demás.

Powered by: