Broma de cambiar el texto del sitio web
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 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. 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.
A través de LifeSavvy Media DE LIFESAVVYRevisión de la TotePack de Harber London: La capacidad se combina con el estiloSolo Stove Fire Pit 2.0 Review: La bandeja de cenizas extraíble facilita la limpieza FROM REVIEW GEEKApple Watch Series 8 Review: Sigue siendo el que más nos gustaRevisión de la mini bicicleta eléctrica Fido D3 Pro: Fácil de usar y plegable.
Las páginas web son sólo documentos que muestra tu navegador. ¿Pero qué pasaría 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.
Esto sólo cambia la forma en que la página web aparece en su navegador. En cuanto actualices la página, volverás a ver el original. Si vas a otra página web o pestaña, no estará en modo de diseño hasta que abras la consola y escribas esta línea una vez más.
Editar sitios web extensión de chrome
Un navegador, como su nombre indica, está pensado para navegar por la web. No está pensado para ser utilizado como un editor de texto. Por eso, rara vez encontrarás funciones de edición de texto como “Buscar y reemplazar texto” en el navegador.
El uso de Buscar y Reemplazar es bastante sencillo. Ve a la página en la que quieres encontrar y reemplazar texto, pulsa el atajo de teclado Ctrl + Shift + F e introduce el texto que quieres encontrar en el cuadro superior. A continuación, rellena el campo “Reemplazar por” y haz clic en “Reemplazar” o “Reemplazar todo”.
También puedes resaltar el texto en el que quieres aplicar las reglas de “buscar y reemplazar”, hacer clic con el botón derecho del ratón y pulsar Ctrl + Mayús + F, marcar la casilla “En la selección de texto” y realizar los cambios en la ventana emergente. Si el texto resaltado no es editable, aparecerá un mensaje en la esquina superior derecha indicándolo.
También hay opciones adicionales en esta extensión. En la parte derecha de la ventana de la extensión puedes hacer clic en el icono del libro para crear tus propias plantillas, que puedes utilizar para futuros escenarios de “buscar y reemplazar”.
Editar el sitio web actual
Este artículo ha sido redactado por Mitch Harris. Mitch Harris es un experto en tecnología de consumo con sede en el área de la bahía de San Francisco. Mitch dirige su propia empresa de consultoría informática llamada Mitch the Geek, que ayuda a particulares y empresas con la tecnología de la oficina en casa, la seguridad de los datos, el soporte remoto y el cumplimiento de la ciberseguridad. Mitch es licenciado en Psicología, Inglés y Física y se graduó con honores en la Universidad del Norte de Arizona.
Cualquier bromista puede ver el potencial de ser capaz de cambiar temporalmente la forma en que un sitio web aparece en su ordenador, y hay un montón de aplicaciones prácticas de ser capaz de ajustar la forma en que un sitio web aparece a usted también[1].
Este artículo ha sido redactado por Mitch Harris. Mitch Harris es un experto en tecnología de consumo con sede en el área de la bahía de San Francisco. Mitch dirige su propia empresa de consultoría informática llamada Mitch the Geek, que ayuda a particulares y empresas con la tecnología de la oficina en casa, la seguridad de los datos, el soporte remoto y el cumplimiento de la ciberseguridad. Mitch es licenciado en Psicología, Inglés y Física y se graduó con honores en la Universidad del Norte de Arizona. Este artículo ha sido visto 334.799 veces.