Devtools: [ElementsPanel] Add dom listeners in sidebars

Source/devtools/front_end/elements/PlatformFontsSidebarPane.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 50 matching lines @@
     {
         if (this._target === target)
             return;
 
         if (this._target) {
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.StyleSheetAdded, this.update, this);
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.StyleSheetRemoved, this.update, this);
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.StyleSheetChanged, this.update, this);
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.MediaQueryResultChanged, this.update, this);
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.PseudoStateForced, this.update, this);
+            this._domModel.removeDOMMutationsObserver(this.update, this);
             this._domModel.removeEventListener(WebInspector.DOMModel.Events.AttrModified, this.update, this);
             this._domModel.removeEventListener(WebInspector.DOMModel.Events.AttrRemoved, this.update, this);
             this._domModel.removeEventListener(WebInspector.DOMModel.Events.CharacterDataModified, this.update, this);
         }
         this._target = target;
         if (target) {
             this._domModel = WebInspector.DOMModel.fromTarget(target);
             this._cssModel = WebInspector.CSSStyleModel.fromTarget(target);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetAdded, this.update, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetRemoved, this.update, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetChanged, this.update, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.MediaQueryResultChanged, this.update, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.PseudoStateForced, this.update, this);
+            this._domModel.addDOMMutationsObserver(this.update, this);
             this._domModel.addEventListener(WebInspector.DOMModel.Events.AttrModified, this.update, this);
             this._domModel.addEventListener(WebInspector.DOMModel.Events.AttrRemoved, this.update, this);
             this._domModel.addEventListener(WebInspector.DOMModel.Events.CharacterDataModified, this.update, this);
         }
     },
 
     /**
      * @override
      * @param {!WebInspector.Throttler.FinishCallback} finishedCallback
      * @protected
@@ skipping 40 matching lines @@
 
             var fontUsageElement = fontStatElement.createChild("span", "font-usage");
             var usage = platformFonts[i].glyphCount;
             fontUsageElement.textContent = usage === 1 ? WebInspector.UIString("%d glyph", usage) : WebInspector.UIString("%d glyphs", usage);
         }
         finishedCallback();
     },
 
     __proto__: WebInspector.ElementsSidebarPane.prototype
 }