Integrate with Firefox Developer Tools

[ameshkov]

We should integrate Adguard with Firefox Developer Tools.
Add Adguard button (or sidebar panel if it's possible) to FF dev tools Inspector.

https://dxr.mozilla.org/mozilla-central/source/browser/devtools/framework/gDevTools.jsm

Look how it's done in element hiding helper:
https://github.com/adblockplus/elemhidehelper/blob/master/lib/inspectorObserver.js

[worldsdream]

Looking really forward for this feature !! Subscribed

[ameshkov]

It's more likely that we won't do it with current FF API.

Instead this issue will be automatically resolved when we migrate to WebExtensions SDK.
I feel that this SDK is not yet ready though.

[Mizzick]

According to
https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs
devtools integration is not yet enough implemented in FF.

[ghost]

@Mizzick Has there been any progress on this matter?

[Mizzick]

@PentagramTr I will have a look what we can do. As I remember in the last FF version devtools api was not actually ready.

[ameshkov]

@Mizzick
I checked it a couple of months ago.

The devtools.panels.createSidebarPane is now supported: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.panels/ElementsPanel/createSidebarPane

The problem is that it is still limited compared to what we have in Chromium -- you cannot specify a custom HTML layout, just a JSON object. So we cannot make it dynamic and let people construct a rule right from there.

I see that they have setPage implementation commented out in the Firefox code: https://hg.mozilla.org/integration/mozilla-inbound/rev/2cf14f576b8a#l6.63

Let's file a feature request to Mozilla about it.