Variable Inspector - Oxygenados La comunidad
Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu
post oxygen builder

Variable Inspector

Listado Plugins

En esta entrada vamos a hablar de un plugin, que aunque no es específico de Oxygen, su alcance de usabilidad abarca todo WordPress, aunque eso si, solo es para aquellos que profundizan en la programación. Esta herramienta ayudará mucho en el desarrollo y en la depuración de errores, se podría decir que "se acabó el utilizar var_dump" y el uso de "echo" también quedará reducido a la mínima expresión.

Panel de inspección

En lugar de hacer echo o inspeccionar las $variables en una página donde se ejecuta el script PHP, puedes verlos en un panel central para referencia en cualquier momento, junto con otras $variables relacionadas en la mejora o corrección de errores en la que estás trabajando.

Visores avanzados

Vaya más allá de var_export, var_dump y print_r con un conjunto de visores avanzados que te permiten inspeccionar profundamente las $variables. Especialmente útil para depurar e inspeccionar matrices y objetos largos y complejos.

Categorizar, anotar y filtrar

Para proyectos grandes, el poder categorizar y anotar  $variables en varias etapas del código es la diferencia entre trabajar duro y trabajar inteligentemente. El filtrado en el tablero permite una localización y un flujo de trabajo mucho cómodo y rápido.

Variable Inspector
Inspeccionar en producción, desarrollo y local

Sirve para el trabajo de desarrollo y depuración de PHP en:

  • El editor de código que uses habitualmente
  • Gestores de snippets como WpCodeboxAdvanced ScriptsScripts Organizer 
  • Directamente desde code blocks de OxygenBricksBreakdance.
  • También es útil en entornos locales, con o sin Xdebug o Ray.
  • Funciones

    Inspectores vi() y vis() de una línea


    vi() es para inspeccionar en archivos PHP e incluye información de la ruta del archivo y el número de línea de inspección, útil para limpiar las líneas de inspección.
    vis() es para inspeccionar en el plugin gestor de snippets o en el módulo de código personalizado en constructores de páginas, en Oxygen los llamados Code-Blocks. 

    Usando vi en un editor de código como por ejemplo Visual Studio Code
    Usando vis en un gestor de snippets como WpCodebox


     Opcionalmente, puedes clasificar las salidas con seis colores disponibles (verde, naranja, rojo, púrpura, azul y gris) y también anotar con una breve descripción para proporcionar contexto para las $variables.

    Visores avanzados #1 y #2

    dump_print_r es como var_dump y print_r combinados, y dump_print_tree permite alternar nodos de datos, lo que es especialmente útil para obtener una visión general de matrices y objetos largos y complejos.

    dump_print_r
    dump_print_tree
    Visor avanzado #3: kint

    Vista de tabla para matrices multidimensionales, capacidad para buscar dentro de variables, visualización de ventanas emergentes e información avanzada para objetos complejos, por ejemplo, métodos disponibles y propiedades de clase estática.

    Agregar contador y categorizar con colores

    Añadir un contador a las $variables y / o marcarlos con diferentes colores a medida que ingresan a diferentes etapas en el código. 

    Filtrar por nombre, tipo y/o color

    Filtra y encuentra fácilmente $variables en diferentes etapas del código para facilitar la inspección y la comparación.

    Filtrado por nombre

    Filtrado por tipo

    Filtrado por color

    Eliminado individual y masivo de los resultados de la inspección

    Limpia fácilmente el panel de inspección de resultados obsoletos que ya no se necesitan consultar.

    Suscripciones y Precios.

    A día y hora de redactar este post hay una oferta limitada a 100 unidades, de las cuales se han vendido ya la mitad, en la que ofrece un descuento del 50% en planes anuales y lifetime.
    Para ver precios y suscripciones ver imágenes siguientes o ir a la página.

    Acerca del Desarrollador

    Wibowo Sulistio

    Este plugin no fue desarrollado por una gran empresa, ni siquiera por un grupo de desarrolladores, el artífice de esta maravilla para cualquiera que toque el código php de WordPress, conocido en la comunidad WordPress por su apodo Bowo, también creador de Wpnewsboard, fanático declarado de Oxygen y cuenta a día de hoy con 8 plugins en el repositorio oficial de WordPress, casi todos específicos para desarrolladores.
    Se puede ver una entrevista que le realizaron en Wp-Content
    Además ha sido orador de WordCamp (Denpasar-Bali, 2016) y coorganizador (Ubud-Bali, 2017 y Yakarta, 2019)

    Como siempre esperamos tus comentarios y por supuesto si tienes alguna duda o necesitas ayuda puedes contactar por nuestro grupo de Telegram o dejando un comentario.

    Nos vemos en la próxima. 👌

    0 0 votos
    Puntuación
    Suscribir
    Notificar de
    guest
    0 Comentarios
    Viejos
    Nuevos Más votados
    Comentarios en línea
    Ver todos los comentarios
    Oxyprops - En el editor de Oxygen

    En esta entrada seguimos hablando y mostrando las cualidades del plugin que tanto nos ha gustado y que tantas horas de trabajo puede quitar a los diseñadores web una vez que se le controle el funcionamiento del mismo, aunque mas bien esa curva de aprendizaje hasta puede parecer ridícula.

    Leer más
    Oxyprops - Lleva el CSS otro nivel

    Experimenta el poder de las Propiedades Personalizadas CSS directamente en Oxygen Builder
    Nos encontramos ante una revolución en el mundo de los builders, pocos o nulos conocimientos en CSS se necesitan para dar formato a cualquier elemento, un simple click con el botón derecho del ratón abrirá todas las opciones disponibles para cada propiedad del elemento seleccionado.

    Leer más
    Bitform - Formularios Increíbles

    Creador de formularios de WordPress de arrastrar y soltar le permitirá crear cualquier tipo de formulario para el sitio web de WordPress que puedas imaginar.

    Leer más