django-debug-toolbar in WebKit DevTools. Works fine with background Ajax requests and non-HTML responses.
Switch branches/tags
Nothing to show
Clone or download
Latest commit ab867ac Jan 9, 2016


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.


  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:

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



  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': '',
        # 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