Web Editor: Inspect & Edit

Transforma cualquier sitio web en tu lienzo personal. Modifica texto, cambia imágenes, inspecciona elementos, depura solicitudes de red y anula respuestas de API al instante: el editor web y las herramientas para desarrolladores más potentes para Android.

Prueba un nuevo titular, depura una llamada a la API sobre la marcha o crea un prototipo de sitio web sin necesidad de un portátil: herramientas de inspección de elementos y para desarrolladores de nivel de escritorio en tu teléfono.

¿Para quién es?

• 🎨 Diseñadores: Crea prototipos de cambios de interfaz de usuario/experiencia de usuario y prueba diseños en tiempo real.

• 💻 Desarrolladores: Depura problemas web específicos para móviles, intercepta solicitudes de red e inspecciona el almacenamiento.

• ✍️ Creadores de contenido: Crea imágenes únicas, memes o titulares hipotéticos para redes sociales.

🖼️ EDICIÓN VISUAL AVANZADA

• Edición de texto en vivo: Toca cualquier texto para reescribir el contenido al instante.

• Formato enriquecido: Aplica negrita, cursiva, colores y resaltados directamente desde la barra de herramientas.

• Reemplazo de imágenes: Sustituye cualquier foto de un sitio web por una imagen de tu galería.

• Renderizado en tiempo real: Visualiza tus cambios tal como aparecerían en vivo.

🔍 HERRAMIENTAS PROFESIONALES PARA DESARROLLADORES

• Monitor de red: Cada solicitud que realiza una página (XHR, fetch, imágenes, scripts, fuentes, balizas y WebSockets) directamente desde el motor del navegador, con encabezados reales, códigos de estado, tiempos, mensajes WebSocket, cuerpos y filtros de tipo. Copia cualquier solicitud como cURL o fetch.

• Anulaciones de red*: Intercepta cualquier solicitud y reemplaza su respuesta con tus propios datos; prueba casos extremos sin modificar tu backend.

• Simulación de condiciones de red: Limita la velocidad a los perfiles 3G rápido o 3G lento de Chrome, o desconéctate completamente, para reproducir una mala conectividad.

• Simulación de navegador: Cambia el agente de usuario para ver cómo se comporta una página en Safari, Chrome, Firefox, iPad, Android o escritorio, o configura tu propio agente personalizado. • Registros de consola: Captura en tiempo real, incluyendo errores no detectados, con filtrado y búsqueda.

• Inyección de JS: Ejecuta código JavaScript personalizado y observa su resultado, o dónde falló exactamente.

• Scripts guardados: Guarda tus scripts y ejecútalos con un toque, o configúralos para que se ejecuten automáticamente cada vez que se cargue un sitio*.

• Asistente de JavaScript con IA*: Describe lo que quieres hacer y deja que la IA escriba el script por ti.

• Visor y editor de almacenamiento: Explora y edita el almacenamiento local, el almacenamiento de sesión y las cookies directamente desde la barra de herramientas.

🗂️ NAVEGACIÓN CON MÚLTIPLES PESTAÑAS*

Abre varias páginas a la vez y cambia entre ellas al instante: ideal para comparar diseños o tener una referencia abierta mientras trabajas.

⚡ ACCESO RÁPIDO

Guarda las páginas que más usas como accesos directos en la pantalla de inicio. Cada acceso directo recuerda sus parámetros de consulta y agente de usuario, por lo que la página se abre exactamente como la dejaste. Captura la página actual con el botón de marcadores del editor y mantén pulsado un elemento para editarlo o eliminarlo.

📂 ABRE TUS PROPIAS PÁGINAS

Abre un archivo HTML o MHTML guardado desde tu navegador y edítalo como si fuera una página web en vivo, sin necesidad de conexión. Ideal para trabajar en una página archivada o un prototipo local desde cualquier lugar.

✏️ EDITOR HTML INTEGRADO

Toca cualquier elemento para inspeccionar sus estilos, atributos y modelo de caja, y luego edita su HTML directamente en un panel integrado en la página. Un editor de código fuente completo se encuentra junto a él, y el asistente de IA puede realizar la edición por ti.

🎨 CSS PERSONALIZADO POR SITIO

Escribe tus propias clases CSS para un sitio web y úsalas directamente desde el editor HTML. Los estilos se guardan por sitio y se vuelven a aplicar automáticamente en cada carga.

🚀 FLUJO DE TRABAJO SENCILLO

Navega por cualquier sitio, toca Editar para cambiar texto e imágenes, abre el icono de la llave inglesa para acceder a las Herramientas para desarrolladores y usa Ocultar interfaz para obtener capturas de pantalla limpias que puedes guardar o compartir.

🛠️ FUNCIONES PRINCIPALES Y CASOS DE USO

• Prototipado web: Previsualiza los cambios de marca en tu sitio web actual.

• Demostraciones de ventas: Muestra a tus clientes cómo se ve su sitio con el contenido actualizado.

• Privacidad ante todo: Todas las modificaciones se realizan localmente en tu dispositivo.

⚠️ AVISO LEGAL

Web Editor: Inspeccionar y editar es una herramienta de productividad y desarrollo para la modificación visual y la depuración únicamente. No modifica datos en el servidor ni vulnera la seguridad del sitio web.

* Requiere Premium

¡Descarga Web Editor: Inspeccionar y editar hoy mismo y experimenta la web sin límites!