search

recamshak / chrome-django-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.
89 stars 16 forks source link

Empty tab with DjDT 1.2.1 #4

Open dmalinovsky opened 10 years ago

dmalinovsky commented 10 years ago

I've followed the docs to install both django-debug-panel and chrome-django-panel, which displays the list of AJAX requests. When I'm clicking at one of the request names, it calling URL like "/debug/data/1411685349.309285/", but the tab stays blank. DjDT returns following reply, with hidden HTML in it:

<style type="text/css">
@media print { #djDebug {display:none;}}
</style>
<link rel="stylesheet" href="/site_media/debug_toolbar/css/toolbar.css" type="text/css" />

<!-- Prevent our copy of jQuery from registering as an AMD module on sites that use RequireJS. -->
<script>var _djdt_define_backup = window.define; window.define = undefined;</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>var djdt = {jQuery: jQuery.noConflict(true)}; window.define = _djdt_define_backup;</script>

<script src="/site_media/debug_toolbar/js/toolbar.js"></script>
<div id="djDebug" style="display:none;" dir="ltr"
     data-store-id="f2a972abf34f48efa45a0cce71ac1214" data-render-panel-url="/__debug__/render_panel/"
     >
    <div style="display:none;" id="djDebugToolbar">

I pasted only the beginning for the brevity, but it seems like style="display:none;" is the reason of empty Chrome panel. Should I make some configuration changes?