Kind Kint
CMS Fan (WordPress & Drupal) !
Programando… desde sitio web hasta el sprint
Organizadora de la comunidad de WordPress Guanacaste
Women TechMakers Ambassador
Ing. en Computación
¿Qué es debug?
Encontrar y limpiar errores.
Lo kind de Kint
Usando los modulos Devel y Devel Kint Extras, se imprimen las avariables de manera amigable,
Estructurada,
Separa en por los arrays
Es decir, nos permite ver las variables lo mejor posible.
Utilidad
inspeccionar variables de los módulos o temas, ya sean plantillas o personalizados
Opción para Drupal 7
Si estas en Drupal 7
Al final del archivo node.tpl.php
<?php
print '<pre>';
var_dump(get_defined_vars());
print '</pre>';
?>
Si se tiene instalado el módulo devel en el archivo .tpl.php
<?php
print '<pre>';
var_dump(get_defined_vars());
print '</pre>';
?>
Opción para Drupal<7
Si estas en Drupal anterior a 7
Se puede usar la función print_r() se debe tomar en cuenta que es propia de PHP.
Es el equivalente a un console.log()
Beneficios de Devel
Módulo: drupal.org/project/devel
- Accesos rápidos a las páginas de desarrollo.
- Acceso a las propiedades internas de la entidad.
- URL creadas para ver las propiedades internas de la entidad
- Funciones de depuración para inspeccionar una variable como dpm($variable)
- Depurar una consulta SQL dpq($consultar o imprimir un seguimiento ddebug_backtrace()
- QA: Un bloque para hacerse pasar por otros usuarios
- QA: Una clase de sistema de correo que redirige el correo electrónico saliente a archivos.
- Comandos Drush como fn-hook, fn-event, token, uuid y devel-services
- Devel generator. Crea de forma masiva contenido.
Instalar Devel
Módulo: drupal.org/project/devel
# Para instalar por comandos
composer require drupal/devel drupal/devel_kint_extras
# Para habilitar por comandos
drush en devel_kint_extras -y
Para Drupal 9 y 10, se recomienda la versión 5
composer require 'drupal/devel:^5.0'
Para Drupal 8, se recomienda la versión 4
composer require 'drupal/devel:^4.2'
Habilitar de Devel
En nuestro sitio en Drupal nos dirigimos a
midominio.com/admin/config/development/devel
para habilitar la opción Kint Extended
$variables
Para ver las $variables en nuestro modulo custom
function custom_kint_preprocess_page(&$variables) {
kint($variables['page']);
}
Recuerden limpiar cache!!
Para un mejor UI se puede usar la función ksm() que significa “kint set message” y lo que hace es desplegar las variables en el block de mensajes.
En Twig
Para habilitar Twig Debbugin
En Drupal 10:
Pueden ir a midominio.com/admin/config/development/settings
Vía services.yml
parameters:
twig.config:
debug: true
Para ver las $variables en una plantilla de Twig usamos
{{ kint() }}
// Ejemplo
{{ kint(page) }}