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 capacidad 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 un prototipo 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. Si haces clic con el botón derecho del ratón sobre el HTML en la pestaña “Elementos” y seleccionas “Editar como HTML”, podrás realizar ediciones en vivo en el marcado de una página web que Chrome renderizará inmediatamente una vez que hayas terminado de editar.
A través de LifeSavvy Media DESDE LIFESAVVRevisión del fogón 2.0 de Solo Stove: La bandeja de cenizas extraíble facilita la limpieza. Reseña del horno de pizza Roccbox de Gozney: Calidad de restaurante en un paquete portátil DE REVIEW GEEKKing Bee II Microphone Review: El bombo es cuestionableReseña del cargador USB-C dual Nexode Mini 45W de UGREEN: La energía perfectamente portátil
Las páginas web son solo documentos que muestra tu navegador. Pero, ¿y si pudieras escribir directamente en cualquier página web para modificarla? Puedes hacerlo, y no necesitas una extensión del navegador: es una función integrada en todos los navegadores modernos.
Podrías utilizar esta función para limpiar una página web antes de imprimirla, para probar cómo quedarán los cambios en una página web o incluso para gastar una broma a la gente. Será igual que editar un documento de Word, sin necesidad de jugar con el HTML.
Ahora puedes cerrar la consola, si quieres, y editar la página web actual como si fuera un documento editable. Haz clic en algún lugar para insertar el cursor y escribir el texto. Utiliza las teclas de retroceso o supresión para eliminar texto, imágenes y otros elementos.
Si tiene un sitio web, sabe que no puede configurarlo una vez y olvidarse de él. Su sitio web debe reflejar tanto su estilo personal cambiante como las exigencias cambiantes de su entorno. Dependiendo de dónde esté alojado su sitio web, puede editar aspectos de su sitio web a través de un sistema de gestión de contenidos o un editor WYSIWYG. Si está versado en lenguajes de programación web, puede editar el código de su sitio directamente.
Si su sitio web está orientado al contenido, puede estar basado en un CMS como WordPress o Joomla. Si no está seguro de esto, pregunte a la persona que diseñó su sitio web. Para realizar cambios en el contenido de un sitio web basado en un CMS, hay que entrar en el panel administrativo del sitio. El panel administrativo ofrece botones para varios tipos de gestión de contenidos. Después de entrar, puedes añadir, eliminar o editar entradas y artículos en tu sitio. También puede utilizar un CMS para cambiar algunos de los otros parámetros de su sitio. Por ejemplo, si su sitio utiliza WordPress, puede instalar un tema diferente para cambiar el diseño del sitio, y puede instalar plugins para cambiar algunos aspectos de la funcionalidad de su sitio.
En Presence Builder, puede cambiar casi cualquier elemento de su sitio web. La mayoría de los elementos se cambian en el sitio – usted abre una página donde se usa el elemento, lo edita y ve el resultado de inmediato. Los elementos de todo el sitio, como los insertados en las áreas de DISEÑO, se cambian en un lugar, pero los cambios se aplican a cada página de su sitio web.
Nota: Si utiliza Internet Explorer, le recomendamos encarecidamente que evite utilizar el zoom del navegador para cambiar el tamaño del texto que se muestra en la ventana del navegador. Tenga en cuenta que los sitios web en Presence Builder funcionarán y se verán mejor con un zoom normal (100%).