Desplázate por cualquier sitio web de redes sociales el tiempo suficiente, y eventualmente verás una captura de pantalla de una conversación ridícula o un texto similar que parece escandaloso. Resulta que tu instinto es correcto… la mayoría de ellos son realmente falsos.
Tal vez no sepas que es muy fácil adulterar el texto de un sitio web y capturar una pantalla del mismo. Tampoco necesitas ningún software de edición de fotos de lujo. En este artículo, te mostramos cómo cambiar el texto de una página web con Chrome.
Con una página abierta, haz clic con el botón derecho del ratón en el trozo de texto que quieras modificar y elige Inspeccionar (a veces aparece como Inspeccionar elemento). Esto lanzará el panel de desarrolladores de Chrome en la página de Elementos. Si te preguntas cómo cambiar el texto con F12, debes saber que puedes pulsar F12 para abrir el mismo panel.
Puedes hacer esto tanto como quieras para cambiar los distintos textos. Cuando pases el ratón por encima de las etiquetas en el panel Elementos, verás que se ilumina el texto correspondiente en la página. Puedes eliminar bloques enteros haciendo clic con el botón derecho del ratón sobre ellos y eligiendo Eliminar elemento.
A lo largo de los años, hemos tenido muchos nuevos diseñadores web que se preguntan si es aceptable ver el código fuente de un sitio y utilizarlo para su educación y, en última instancia, para el trabajo que hacen. Mientras que copiar el código de un sitio al por mayor y hacerlo pasar como propio en un sitio web es ciertamente inaceptable, el uso de ese código como un trampolín para aprender es en realidad cómo se hacen muchos avances en esta industria.
Una cosa que hay que recordar es que los archivos fuente pueden ser muy complicados (y cuanto más complejo sea el sitio web que estás viendo, más complejo será el código de ese sitio). Además de la estructura HTML que compone la página, también habrá CSS (hojas de estilo en cascada) que dictan la apariencia visual de ese sitio. Además, muchos sitios web de hoy en día incluirán archivos de script junto con el HTML.
Es probable que se incluyan varios archivos de script; de hecho, cada uno de ellos impulsa diferentes aspectos del sitio. Francamente, el código fuente de un sitio puede parecer abrumador, especialmente si eres nuevo en esto. No te sientas frustrado si no puedes averiguar lo que está pasando con ese sitio inmediatamente. Ver el código fuente HTML es sólo el primer paso en este proceso. Con un poco de experiencia, empezarás a entender mejor cómo encajan todas estas piezas para crear el sitio web que ves en tu navegador. A medida que te familiarices con el código, podrás aprender más de él y no te parecerá tan desalentador.
A través de LifeSavvy Media DESDE LIFESAVVRevisión de la estufa Fire Pit 2.0 de Golo: 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 doble USB-C 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.
Sin embargo, es posible abrir y editar los archivos fuente directamente en Chrome. Cualquier cambio que hagas se guarda en el sistema de archivos y se actualiza dentro del editor (suponiendo que se actualiza cuando se producen 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: