Cómo editar una página web y guardarla
Contenidos
Chrome DevTools es un potente conjunto de herramientas de desarrollo web integradas en el navegador Chrome. Una de las características más útiles de DevTools para los desarrolladores web es la posibilidad de editar en vivo el HTML y CSS de una página. Esta funcionalidad permite a cualquier desarrollador, incluso a los que tienen menos conocimientos de HTML y CSS, crear rápidamente prototipos e iterar sobre posibles cambios en una página web.
Hay dos formas rápidas de abrir el inspector. La primera es abrir DevTools con F12, seleccionar la pestaña “Elementos” y hacer clic en el icono del cursor en la parte superior izquierda. La segunda forma, más rápida, es utilizar el atajo de teclado Ctrl+Mayús+C. Si trabajas habitualmente en un entorno Linux, es muy probable que hayas utilizado este atajo por accidente muchas veces cuando querías copiar un texto.
Una vez seleccionado un elemento, puedes interactuar con él de muchas maneras. Haciendo clic con el botón derecho del ratón en el HTML de la pestaña “Elementos” y seleccionando “Editar como HTML”, puedes hacer ediciones en vivo en el marcado de una página web que Chrome renderizará inmediatamente una vez que hayas terminado de editar.
Chrome cambia el texto del sitio web
Puede ver y editar las propiedades de una página en el panel de detalles de la página. Por ejemplo, puede querer cambiar la miniatura, añadir una descripción o asignar una página a una categoría específica, También puede crear propiedades personalizadas para las páginas.
Para añadir una propiedad a una página, cree una columna para esa propiedad en la biblioteca de páginas. La columna almacena los datos de la propiedad (también llamados metadatos) y, además de poder ver y cambiar la columna en la biblioteca de páginas, la propiedad estará disponible en el panel de detalles de la página para cada página.
Cuando se añade una columna en la biblioteca de páginas y se requiere que contenga información, se denomina propiedad requerida. Cuando una propiedad ha sido marcada como requerida, los autores de las páginas deben suministrar esta información antes de poder publicar páginas y noticias.
Cuerpo del documento contenteditable true’; documento designmode on’; void 0
He creado un sitio web para un tercero, que no tiene experiencia en la edición de HTML. Sin embargo, el tercero desea poder editar el contenido del sitio web sin tener que abrir los archivos y editarlo de esta manera, desean hacerlo de alguna manera WYSIWYG (Por ejemplo, pulsar un botón de “editar” para el contenido que desean editar). ¿Es esto posible de lograr? No es un sitio web interno, tiene seguimiento de los usuarios (esto, obviamente, sólo debe estar disponible para los usuarios administradores).
Actualmente estoy investigando el tema, y aunque he encontrado algunos indicios de que la solución puede ser un script PHP, todavía no he encontrado ninguna solución definitiva o ejemplos de funcionalidad similar.
Desgraciadamente, qué lenguaje o marco de trabajo elegir es realmente la pregunta del millón. Depende en gran medida de lo que usted está tratando de lograr exactamente, lo que su cliente o usuario se siente cómodo, y la cantidad de experiencia que tiene la programación.
PHP es un lenguaje backend rápido y probado. Node es el nuevo niño en el bloque, y es muy popular también. Java y dotNet están en vías de desaparecer. Usted puede cavar un montón más incluyendo Go, Python, Haskel, etc.
Editar el sitio web actual lesezeichen
Sin embargo, es posible abrir y editar los archivos fuente directamente en Chrome. Cualquier cambio que realices se guardará en el sistema de archivos y se actualizará dentro del editor (suponiendo que se actualice cuando se produzcan cambios en los archivos).
Abre Chrome, carga una página desde tu sistema de archivos/servidor local y abre Herramientas de desarrollo desde el menú Más herramientas o pulsa F12 o Ctrl/Cmd + Shift + I dependiendo de tu sistema. Ve a la pestaña Fuentes para examinar el explorador de archivos:
Haz clic en la pestaña Sistema de archivos y, a continuación, haz clic en + Añadir carpeta al espacio de trabajo. Se te pedirá que localices tu carpeta de trabajo y Chrome te pedirá que confirmes que permites el acceso. El explorador muestra los archivos de tu sistema que se pueden abrir con un solo clic:
