Skip to main content

Debugging Guide

Comprehensive debugging guide for O2VEND development.

Debugging Tools​

Browser DevTools​

  1. Console: Check for JavaScript errors
  2. Network: Monitor API requests
  3. Elements: Inspect DOM
  4. Performance: Profile performance

Liquid Debugging​

<!-- Output variable -->
<pre>{{ variable | json }}</pre>

<!-- Debug with type -->
Type: {{ variable | type }}
Value: {{ variable }}

API Debugging​

// Log requests
console.log('Request:', { url, method, data });

// Log responses
console.log('Response:', response);

Common Issues​

Template Issues​

  1. Check syntax errors
  2. Verify variables exist
  3. Check browser console
  4. Use debug output

Widget Issues​

  1. Check widget exists
  2. Verify template
  3. Check settings
  4. Inspect data

API Issues​

  1. Check request format
  2. Verify authentication
  3. Check response
  4. Inspect errors