Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu
post oxygen builder
img-4

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
img-7

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
    img-8
    Usando vis en un gestor de snippets como WpCodebox
    img-9


     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.

    img-10
    img-11
    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
    img-12
    dump_print_tree
    img-13
    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.

    img-14
    img-15
    img-16
    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. 

    img-17
    img-18
    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

    img-19

    Filtrado por tipo

    img-20

    Filtrado por color

    img-21
    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.

    img-22

    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.

    img-23
    img-24
    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)

    img-25

    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
    img-28
    Advanced Scripts

    De los mas veteranos en el mundo de Oxygen cuenta a su favor con la experiencia de los propios creadores en este campo y el apoyo logrado en el facebook oficial de Oxygen.

    Leer más
    img-29
    RabbitLoader - Un conejito muy rápido

    Pensaste que instalar un montón de complementos diferentes mejoraría el tiempo de carga de tu sitio web, pero en realidad lo está haciendo aún más lento. (La paciencia no es una virtud de Internet). Pero necesitas de complementos que puedan comprimir contenido, cargar imágenes de forma diferida y almacenar en caché todo para mantener una experiencia de usuario optimizada para Google.
    Rabbit Loader una solución que pudiera reemplazar todos esos otros complementos para que su sitio de Wordpress se cargue más rápido y ocupe un lugar más alto en los SERP.

    Leer más
    img-30
    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