Django Debug Panel

Django Debug Toolbar inside WebKit DevTools. Works fine with background AJAX requests and non-HTML responses. Great for single-page applications and other AJAX intensive web applications.

Installation

1. Install and configure Django Debug Toolbar

2. Install Django Debug Panel:

   pip install django-debug-panel

3. Add debug_panel to your INSTALLED_APPS setting:

   INSTALLED_APPS = (
       # ...
       'debug_panel',
   )

4. Replace the Django Debug Toolbar middleware with the Django Debug Panel one. Replace:

   MIDDLEWARE_CLASSES = (
       ...
       'debug_toolbar.middleware.DebugToolbarMiddleware',
       ...
   )

   with:

   MIDDLEWARE_CLASSES = (
       ...
       'debug_panel.middleware.DebugPanelMiddleware',
       ...
   )

5. (Optional) Configure your cache. All the debug data of a request are stored into the cache backend debug-panel if available. Otherwise, the default backend is used, and finally if no caches are defined it will fallback to a local memory cache. You might want to configure the debug-panel cache in your settings:

   CACHES = {
       'default': {
           'BACKEND': 'django.core.cache.backends.memcached.MemcachedCache',
           'LOCATION': '127.0.0.1:11211',
       },
   
       # this cache backend will be used by django-debug-panel
       'debug-panel': {
           'BACKEND': 'django.core.cache.backends.filebased.FileBasedCache',
           'LOCATION': '/var/tmp/debug-panel-cache',
           'OPTIONS': {
               'MAX_ENTRIES': 200
           }
       }
   }

6. Install the Chrome extension Django Debug Panel