CanvasCode 1.52.3: el clic derecho abre el inspector de WebKit en el panel del navegador

Qué cambió: en CanvasCode 1.52.3, publicada el 16 de agosto de 2026, hacer clic derecho dentro del panel del navegador y elegir "Inspeccionar elemento" abre el Web Inspector de WebKit, el mismo inspector que usa Safari, porque el panel es una WKWebView. Hasta la 1.52.2 el panel mostraba la página y la recargaba, y no había forma alguna de abrir un inspector sobre ella.

En CanvasCode el navegador es un panel como cualquier otro. Está al lado del agente que escribe el código, mostrando la página que acaba de cambiar. Hasta esta versión era un navegador a medias: podías mirar, podías recargar, y en el momento en que querías saber por qué una caja estaba 4 píxeles fuera de sitio, tenías que salir a Chrome.

Qué entrega el inspector dentro del panel

Tres cosas cubren casi todos los motivos por los que antes cambiabas de aplicación. Seleccionas un elemento y ves dónde vive en el árbol del DOM. Editas el CSS y la página responde al instante, en el panel, con el agente al lado mirando la misma pantalla. Sigues las peticiones de red que hizo la página, y ejecutas JavaScript en la consola contra la página tal como está cargada ahora.

Los paneles de módulo, esas páginas pequeñas que mantienes dentro del lienzo, recibieron lo mismo en la misma versión.

Qué no es este inspector

Es el Web Inspector de WebKit, no Chrome DevTools, y conviene decir esa diferencia con todas las letras porque es la que decide cuándo el panel basta y cuándo no. Estás viendo cómo WebKit dibuja tu página, así que un fallo de maquetación que solo aparece en Blink no va a aparecer aquí. Las extensiones de Chrome no existen en este panel, y los paneles de auditoría propios de Chrome tampoco. Si tu fallo es "se rompe en Chrome", este inspector no lo va a encontrar, y cambiar de aplicación sigue siendo el movimiento correcto.

Lo que sí cubre es el ciclo que te hacía salir: leer el árbol, cambiar una regla, mirar la petición, preguntar a la consola. Ese ciclo ahora ocurre en la ventana donde ya está el trabajo.

El camino es el de siempre: clic derecho en la página, "Inspeccionar elemento".