Handle Audit Panel (CSS + JS) — frontend con modos de activación

Panel flotante para auditar handles de CSS y JS en el frontend. Muestra handle, dependencias, versión, ubicación (media/head/footer) y URL; añade filtro de búsqueda y botón “Copiar handles”. Además, imprime un resumen en comentarios HTML (útil en “Ver código fuente”).

Funcionamiento / modos:

• Ámbito: solo frontend. Oculto automáticamente en Elementor, Bricks, Builderius y Customizer; también se oculta si la página está embebida en iframe (vista del editor).
• Quién lo ve:
  • Admin logueado con manage_options: visible sin parámetros.
  • Sin login: activar con el parámetro ?audit= en la URL.
• Parámetros disponibles (?audit=):
  • 1 → activa el panel (pestaña CSS por defecto).
  • css → activa y abre CSS por defecto.
  • js → activa y abre JS por defecto.
  • force → intenta mostrarlo incluso en editores; si el builder usa iframe aislado, puede seguir ocultándose por seguridad.
• Extras: búsqueda en cada pestaña, copia rápida de handles visibles, y comentarios HTML con el listado (CSS/JS) al final del documento.
• Notas útiles: con minificado/“combine” verás el handle del agregador (desactívalo para auditar en crudo). En Elementor, para listar archivos, usa CSS Print Method = External File. Para desactivar el panel, elimina el mu‑plugin o quita el parámetro ?audit.