🛠️ Usando la Extensión Power Pages DevTools

Al igual que usamos console.log para capturar registros en JavaScript, los desarrolladores ahora pueden agregar declaraciones de registro en su código Liquid.

📌 Sintaxis para Registrar Mensajes en Liquid

Podemos utilizar la siguiente sintaxis para registrar mensajes personalizados:

{% log message:'Mensaje personalizado' level:'Warning' %}

✍️ Ejemplo de Uso

A continuación, se muestra un ejemplo de cómo registrar un mensaje en la página de inicio (Home):

{% log message: 'Log desde la página Home' %}

{% fetchxml query %}
<fetch version="1.0" mapping="logical">
  <entity name="contact">
    <attribute name="fullname"/>
    <attribute name="emailaddress1"/>
  </entity>
</fetch>
{% endfetchxml %}

{% assign contacts = query.results.entities %}

{% for contact in contacts %}
  <div> Contacto: {{contact.fullname}} </div><br/>
  {% capture msgg %} 
    Contacto: {{contact.fullname}}, Email: {{contact.emailaddress1}}
  {% endcapture %}
  {% log message: msgg %}
{% endfor %}

Después de sincronizar los cambios, veremos la lista de registros de contactos en la página Home.

🔎 Visualización de los Registros en DevTools

Ahora que hemos agregado el código, podemos usar la extensión Power Pages DevTools para ver los registros:

1. Abre el navegador Microsoft Edge. 🌐

2. Navega a tu sitio web de Power Pages. 🏗️

3. Abre las herramientas para desarrolladores (F12). 🛠️

4. Selecciona la pestaña “Power Pages”.

5. Refresca la página Home. 🔄

6. La extensión mostrará una lista de todos los mensajes del servidor junto con posibles soluciones. 📝

Esta funcionalidad permite a los desarrolladores y administradores identificar, diagnosticar y resolver problemas de manera eficiente en el entorno de Power Pages. ✅