Issue 154 - Added devtools panel showing blocked and blockable items

background.js

Index: background.js
===================================================================
--- a/background.js
+++ b/background.js
@@ -47,6 +47,11 @@
   this.startIconAnimation = startIconAnimation;
   this.stopIconAnimation = stopIconAnimation;
 }
+with(require("devtools"))
+{
+  this.hasDevToolsPanel = hasDevToolsPanel;
+  this.logHiddenElements = logHiddenElements;
+}
 var FilterStorage = require("filterStorage").FilterStorage;
 var ElemHide = require("elemHide").ElemHide;
 var defaultMatcher = require("matcher").defaultMatcher;
@@ -491,7 +496,7 @@
         }
       }
 
-      sendResponse(selectors);
+      sendResponse({selectors: selectors, trace: hasDevToolsPanel(sender.page)});
       break;
     case "should-collapse":
       if (isFrameWhitelisted(sender.page, sender.frame, "DOCUMENT"))
@@ -556,6 +561,9 @@
       htmlPages.set(sender.page, null);
       refreshIconAndContextMenu(sender.page);
       break;
+    case "trace-elemhide":
+      logHiddenElements(sender.page, msg.selectors, extractHostFromFrame(sender.frame));
+      break;
     case "forward":
       if (sender.page)
       {