4 formas sencillas de editar texto en cualquier sitio web utilizando HTML.

4 formas sencillas de editar texto en cualquier sitio web utilizando HTML

Una guía fácil de usar para cambiar temporalmente el texto en cualquier sitio web con Inspect Element

¿Quieres editar el texto de una página web para engañar a un amigo? La mayoría de los navegadores modernos están equipados con herramientas de desarrollo, que le permiten ver y cambiar el código de una página web. No es necesario estar familiarizado con la codificación para hacer esto; Sólo serán necesarios unos sencillos pasos. Tenga en cuenta que estos cambios sólo serán temporales ya que se aplican localmente; puede actualizar la página para que vuelva a la normalidad. Este wikiHow te mostrará cómo editar texto en cualquier sitio web usando Google Chrome, Microsoft Edge, Mozilla Firefox y Safari.

Cosas que debes saber

  • En Chrome, haga clic en "⋮" → "Más herramientas" → "Herramientas de desarrollador". Haga clic en el icono del cursor y seleccione el texto para reemplazarlo.
  • En Edge, haga clic en "•••" → "Más herramientas" → "Herramientas de desarrollador". Haga clic en el icono del cursor y seleccione el texto para reemplazarlo.
  • En Firefox, haga clic en "☰" → "Más herramientas" → "Herramientas para desarrolladores web". Haga clic en el icono del cursor y seleccione el texto para reemplazarlo.

Pasos

Método 1

Usando Google Chrome

  1. Paso 1. Abra el icono de Google Chrome.
    Imágenes de Google Paso 1 Abra el icono de Google Chrome.
    Abre Google Chrome
    Android 7 Cromo
    Imágenes de Google Android 7 Chrome
    .
    Parece un ícono de esfera roja, verde, amarilla y azul.
    • Si es necesario, puede descargar Google Chrome.
  2. Paso 2 Navegue hasta el sitio que desea editar.
    Imágenes de Google Paso 2 Navega hasta el sitio que deseas editar.
    Navegue hasta el sitio que desea editar. Siempre que el sitio web contenga texto real y no imágenes de texto, podrás editarlo.
  3. Paso 3 Haga clic en ⋮.
    Imágenes de Google Paso 3 Haga clic en ⋮.
    Haga clic en . Esto estará en la esquina superior derecha.
    • Se abrirá un menú desplegable.
  4. Paso 4: Pase el cursor sobre Más herramientas y haga clic en Herramientas para desarrolladores.
    Imágenes de Google Paso 4 Pase el cursor sobre Más herramientas y haga clic en Herramientas para desarrolladores.
    Coloca el cursor sobre Más herramientas y haz clic en Herramientas para desarrolladores . Esto abrirá un nuevo panel en el lado derecho de la página.
    • Si aún no estás en la pestaña Elementos , haz clic en ella ahora.
  5. Paso 5 Haga clic en el icono del cursor.
    Imágenes de Google Paso 5 Haga clic en el icono del cursor.
    Haga clic en el icono del cursor. Estará en la misma fila que las pestañas Elementos , Consola y Fuentes .
    • Al hacer clic en él, podrá interactuar con la página web.
  6. Paso 6 Seleccione el texto que desea editar.
    Google imágenes Paso 6 Selecciona el texto que deseas editar.
    Seleccione el texto que desea editar. Utilice el lado izquierdo del navegador con la página web. Al pasar el cursor, el elemento se resaltará. Haga clic en el texto que desea cambiar.
    • El panel derecho será redirigido a la ubicación del código del texto.
  7. Paso 7 En el panel derecho, haga doble clic en el texto.
    Imágenes de Google Paso 7 En el panel derecho, haz doble clic en el texto.
    En el panel derecho, haga doble clic en el texto. Cuando haces doble clic en el texto, aparecerá un cuadro alrededor de la parte del texto del código.
    • Preste mucha atención al texto original; no deseas eliminar el código en sí. En la mayoría de los casos, el texto estará entre > y < .
  8. Paso 8 Reemplace el texto existente con su texto.
    Imágenes de Google Paso 8 Reemplace el texto existente con su texto.
    Reemplace el texto existente con su texto. Al escribir se eliminará automáticamente el texto.
  9. Paso 9 Haga clic en X.
    Imágenes de Google Paso 9 Haga clic en X.
    Haga clic en X. Está en la esquina superior derecha del panel Elementos .
    • El nuevo texto quedará reflejado en la página web.
    • Para que el texto vuelva a la normalidad, actualice la página.
Método 2

Usando Safari

  1. Paso 1 Habilite el desarrollo...
    Imágenes de Google Paso 1 Habilite el desarrollo...
    Habilite el menú Desarrollar . Debe tener este menú habilitado para poder editar el código de la página web. Haz lo siguiente:
    • Abre Safari.
    • Haga clic en Safari en la barra de menú.
    • Haga clic en Preferencias .
    • Haga clic en Avanzado .
    • Marque la casilla para Mostrar el menú Desarrollar en la barra de menús .
  2. Paso 2 Navegue hasta el sitio que desea editar.
    Imágenes de Google Paso 2 Navega hasta el sitio que deseas editar.
    Navegue hasta el sitio que desea editar. Siempre que el sitio web contenga texto real y no imágenes de texto, podrás editarlo.
  3. Paso 3 Resalte el texto que desea editar.
    Imágenes de Google Paso 3 Resalte el texto que desea editar.
    Resalte el texto que desea editar. Haga clic y arrastre el cursor sobre el texto para resaltarlo.
  4. Paso 4: Haga clic derecho en el texto y seleccione Inspeccionar elemento.
    Imágenes de Google Paso 4 Haga clic derecho en el texto y seleccione Inspeccionar elemento.
    Haga clic derecho en el texto y seleccione Inspeccionar elemento . Esto estará hacia la parte inferior del menú emergente.
  5. Paso 5 Reemplace el texto existente con su texto.
    Imágenes de Google Paso 5 Reemplace el texto existente con su texto.
    Reemplace el texto existente con su texto. Preste mucha atención al texto original; no deseas eliminar el código en sí. En la mayoría de los casos, el texto estará entre > y < .
  6. Paso 6 Presione ↵ Enter.
    Imágenes de Google Paso 6 Presiona ↵ Enter.
    Presiona ↵ Entrar . El nuevo texto entrará en vigor.
  7. Paso 7 Haga clic en X.
    Imágenes de Google Paso 7 Haga clic en X.
    Haga clic en X. Esto cerrará la ventana Inspeccionar elemento .
    • Para que el texto vuelva a la normalidad, actualice la página.
Método 3

Usando Microsoft Edge

  1. Paso 1. Abra Microsoft Edge.
    Imágenes de Google Paso 1 Abra Microsoft Edge.
    Abra Microsoft Edge. Este es el navegador predeterminado para Windows.
    • Si es necesario, puede actualizar el navegador o instalarlo.
  2. Paso 2 Navegue hasta el sitio que desea editar.
    Imágenes de Google Paso 2 Navega hasta el sitio que deseas editar.
    Navegue hasta el sitio que desea editar. Siempre que el sitio web contenga texto real y no imágenes de texto, podrás editarlo.
  3. Paso 3 Haga clic en ••• en la esquina superior derecha.
    Imágenes de Google Paso 3 Haga clic en ••• en la esquina superior derecha.
    Haga clic en ••• en la esquina superior derecha. Esto abrirá un menú desplegable.
  4. Paso 4: Pase el cursor sobre Más herramientas y haga clic en Herramientas para desarrolladores.
    Imágenes de Google Paso 4 Pase el cursor sobre Más herramientas y haga clic en Herramientas para desarrolladores.
    Coloca el cursor sobre Más herramientas y haz clic en Herramientas para desarrolladores . Esto abrirá un nuevo panel en el lado derecho de la página.
    • Si aún no estás en la pestaña Elementos , haz clic en ella ahora.
  5. Paso 5 Haga clic en el icono del cursor.
    Imágenes de Google Paso 5 Haga clic en el icono del cursor.
    Haga clic en el icono del cursor. Estará en la misma fila que la pestaña Elementos .
    • Al hacer clic en él, podrá interactuar con la página web.
  6. Paso 6 Seleccione el texto que desea editar.
    Google imágenes Paso 6 Selecciona el texto que deseas editar.
    Seleccione el texto que desea editar. Utilice el lado izquierdo del navegador con la página web. Al pasar el cursor, el elemento se resaltará. Haga clic en el texto que desea cambiar.
    • El panel derecho será redirigido a la ubicación del código del texto.
  7. Paso 7 En el panel derecho, haga doble clic en el texto.
    Imágenes de Google Paso 7 En el panel derecho, haz doble clic en el texto.
    En el panel derecho, haga doble clic en el texto. Cuando haces doble clic en el texto, aparecerá un cuadro alrededor de la parte del texto del código.
    • Preste mucha atención al texto original; no deseas eliminar el código en sí. En la mayoría de los casos, el texto estará entre > y < .