diff --git a/module/common/lang/zh-cn.php b/module/common/lang/zh-cn.php
index 6e4a1f7bd3..f3ff7382e3 100644
--- a/module/common/lang/zh-cn.php
+++ b/module/common/lang/zh-cn.php
@@ -16,7 +16,6 @@ $lang->dot          = '。';
 $lang->at           = ' 于 ';
 $lang->downArrow    = '↓';
 $lang->null         = '空';
-$lang->debug        = '调试';
 
 $lang->zentaoPMS    = '禅道管理';
 $lang->welcome      = "欢迎使用『%s』{$lang->colon} {$lang->zentaoPMS}";
diff --git a/module/common/view/debug.html.php b/module/common/view/debug.html.php
index 7a5847c5e9..5467781749 100644
--- a/module/common/view/debug.html.php
+++ b/module/common/view/debug.html.php
@@ -1,28 +1,81 @@
 <div id='debugPanel'>
   <header>
     <div class='actions pull-right'><i id='debugHandle' class='icon-chevron-up'></i></div>
-    <i class='icon icon-terminal'></i> <?php echo $lang->debug;?>
+    <i class='icon icon-terminal'></i> <strong id='debugTitle'><?php echo $lang->debug;?></strong>
   </header>
-  <iframe frameborder='0' name='hiddenwin' id='hiddenwin' scrolling='no' class='debugwin'></iframe>
+  <div id='debugContent'></div>
+  <div id='debugIframeTip' class='hidden'><strong id='debugIframeTipId'></strong> <span class='debugIframeTipTime'></span> The following content from iframe.</div>
+  <iframe style='width:580px; height: 400px ' frameborder='0' name='debugwin' id='debugwin' scrolling='no' class='debugwin'></iframe>
 </div>
 <style>
 /* debug panel */
-#debugPanel {width: 120px; background: rgba(255,255,255,0.8); float: left; transition:all 0.3s;}
+#debugPanel {width: 160px; height: 40px; background: rgba(255,255,255,0.8); float: left; transition:all 0.3s;}
 #debugPanel.show {width: 600px; height: 540px; position: relative; top: -500px; box-shadow: 2px 2px 5px rgba(0,0,0,0.25); background: #fff}
-#debugPanel > header {color: #fff; padding: 0 15px; background: rgba(0,0,0,0.8); cursor: pointer;}
-#debugPanel > header > .icon {display: inline-block; border-radius: 4px; background: #ddd; background: rgba(255,255,255,0.5); color: #000; padding: 2px 5px; margin-right: 5px;}
+#debugPanel > header {color: #fff; padding: 0 15px; background: rgba(0,0,0,0.8); cursor: pointer; transition: all 0.5s;}
+#debugPanel.with-content > header {background: #D2322D}
+#debugPanel > header > .icon {display: inline-block; border-radius: 4px; background: #ddd; background: rgba(255,255,255,0.3); padding: 2px 5px; margin-right: 5px;}
 #debugHandle {color: #ddd}
 #debugHandle:hover {color: #fff}
+#debugContent, #debugIframeTip {padding: 10px; line-height: 20px; padding-bottom: 0;}
+#debugContent .cell {margin-bottom: 10px;}
+#debugContent .cell > header, #debugIframeTip {color: #ccc; font-size: 12px; line-height: 16px}
+#debugContent .cell > .content {border-radius: 4px; padding: 3px 5px}
+#debugIframeTip {padding-top: 0;}
+#debugPanel.with-iframe-content #debugwin {border: 1px solid #ddd; border-radius: 4px; margin: 0 10px}
 </style>
 <script>
+function debug(title)
+{
+    var id = 1;
+
+    this.setTitle = function(title)
+    {
+        $('#debugTitle').html(title);
+    };
+
+    this.setContent = function(content, silence)
+    {
+      $('#debugContent').append("<div class='cell'><header><strong>#" + (id++) + '</strong> ' + (new Date().toLocaleString()) + "</header><pre class='content'>" + content + '</pre></div>');
+      if(!silence) $('#debugPanel').addClass('with-content');
+    };
+
+    this.init = function()
+    {
+        var dp = $('#debugPanel'), dph = $('#debugHandle');
+        $('#debugPanel > header').click(function()
+        {
+            dp.toggleClass('show');
+            var showed = dp.hasClass('show');
+            dph.toggleClass('icon-chevron-up', !showed).toggleClass('icon-chevron-down', showed);
+        });
+
+        var frame = document.getElementById('debugwin');
+        frame.onload = frame.onreadystatechange = function()
+        {
+            if (this.readyState && this.readyState != 'complete') return;
+            try
+            {
+                var $frame = $(window.frames['debugwin'].document);
+                if($frame.find('body').html() != '')
+                {
+                    $('#debugIframeTipId').text(id++);
+                    $('#debugIframeTipTime').text(new Date().toLocaleString());
+                    $('#debugIframeTip').removeClass('hidden');
+
+                    dp.addClass('with-content').addClass('with-iframe-content');
+                }
+            }
+            catch(e){}
+        }
+    };
+
+    this.init();
+    this.setTitle(title);
+    this.setContent('debug ready.', true);
+}
+
 $(function()
 {
-    var dp = $('#debugPanel'), dph = $('#debugHandle');
-    $('#debugPanel > header').click(function()
-    {
-        dp.toggleClass('show');
-        var showed = dp.hasClass('show');
-        dph.toggleClass('icon-chevron-up', !showed).toggleClass('icon-chevron-down', showed);
-    });
+    window.debug = new debug('Debug');
 });
 </script>