Issue 4580 - Replace ext.devtools with devtools

background.js

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-present eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 523 matching lines @@
             {
               host,
               whitelisted: isWhitelisted
             }
           ]
         }
       }, "*");
     }, 1000);
   }
 
-  ext.devtools.onCreated.addListener((panel) =>
+  let {port} = require("messaging");
+
+  port.on("devtools.ready", (message, sender) =>

[Manish Jethani, 2017/10/11 23:37:33]

There's no API called devtools.onCreated. This is the proper way to do it: the
devtools panel sends a "devtools.ready" message.

   {
+    let panel = sender.page;
+
     // blocked request
     panel.sendMessage({
       type: "add-record",
       request: {
         url: "http://adserver.example.com/ad_banner.png",
         type: "IMAGE",
         docDomain: "example.com"
       },
       filter: {
         text: "/ad_banner*$domain=example.com",
@@ skipping 55 matching lines @@
       },
       filter: {
         text: "||example.com/some-annoying-popup$popup",
         whitelisted: false,
         userDefined: true,
         subscription: null
       }
     });
   });
 }());