[DevTools] Support JQuery event listeners

Source/devtools/front_end/elements/EventListenersWidget.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 20 matching lines @@
  * @constructor
  * @extends {WebInspector.ThrottledWidget}
  */
 WebInspector.EventListenersWidget = function()
 {
     WebInspector.ThrottledWidget.call(this);
     this.element.classList.add("events-pane");
 
     this._showForAncestorsSetting = WebInspector.settings.createSetting("showEventListenersForAncestors", true);
     this._showForAncestorsSetting.addChangeListener(this.update.bind(this));
+    this._showFrameworkListenersSetting = WebInspector.settings.createSetting("showFrameowkrListeners", true);
+    this._showFrameworkListenersSetting.addChangeListener(this._showFrameworkListenersChanged.bind(this));
     this._eventListenersView = new WebInspector.EventListenersView(this.element);
     WebInspector.context.addFlavorChangeListener(WebInspector.DOMNode, this.update, this);
 }
 
 /**
  * @return {!WebInspector.ElementsSidebarViewWrapperPane}
  */
 WebInspector.EventListenersWidget.createSidebarWrapper = function()
 {
     var widget = new WebInspector.EventListenersWidget();
     var result = new WebInspector.ElementsSidebarViewWrapperPane(WebInspector.UIString("Event Listeners"), widget);
     var refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString("Refresh"), "refresh-toolbar-item");
     refreshButton.addEventListener("click", widget.update.bind(widget));
     result.toolbar().appendToolbarItem(refreshButton);
     result.toolbar().appendToolbarItem(new WebInspector.ToolbarCheckbox(WebInspector.UIString("Ancestors"), WebInspector.UIString("Show listeners on the ancestors"), widget._showForAncestorsSetting));
+    result.toolbar().appendToolbarItem(new WebInspector.ToolbarCheckbox(WebInspector.UIString("Framework listeners"), WebInspector.UIString("Resolve event listeners bound with framework"), widget._showFrameworkListenersSetting));
     return result;
 }
 
 WebInspector.EventListenersWidget._objectGroupName = "event-listeners-panel";
 
 WebInspector.EventListenersWidget.prototype = {
     /**
      * @override
      * @protected
      * @return {!Promise.<?>}
      */
     doUpdate: function()

[pfeldman, 2015/09/02 02:58:52]

Should we follow up with the throttler?

[kozy, 2015/09/02 17:34:13]

This widget was moved to promise-based throttler support in
https://codereview.chromium.org/1285183006.

     {
         if (this._lastRequestedNode) {
             this._lastRequestedNode.target().runtimeAgent().releaseObjectGroup(WebInspector.EventListenersWidget._objectGroupName);
             delete this._lastRequestedNode;
         }
         var node = WebInspector.context.flavor(WebInspector.DOMNode);
         if (!node) {
             this._eventListenersView.reset();
             this._eventListenersView.addEmptyHolderIfNeeded();
             return Promise.resolve();
         }
         this._lastRequestedNode = node;
         var selectedNodeOnly = !this._showForAncestorsSetting.get();
         var promises = [];
         var listenersView = this._eventListenersView;
         promises.push(node.resolveToObjectPromise(WebInspector.EventListenersWidget._objectGroupName));
         if (!selectedNodeOnly) {
             var currentNode = node.parentNode;
             while (currentNode) {
                 promises.push(currentNode.resolveToObjectPromise(WebInspector.EventListenersWidget._objectGroupName));
                 currentNode = currentNode.parentNode;
             }
             promises.push(this._windowObjectInNodeContext(node));
         }
-        return Promise.all(promises).then(this._eventListenersView.addObjects.bind(this._eventListenersView));
+        return Promise.all(promises).then(this._eventListenersView.addObjects.bind(this._eventListenersView)).then(this._showFrameworkListenersChanged.bind(this));
+    },
+
+
+    _showFrameworkListenersChanged: function()
+    {
+        this._eventListenersView.showFrameworkListeners(this._showFrameworkListenersSetting.get());
     },
 
     /**
      * @param {!WebInspector.DOMNode} node
      * @return {!Promise<!WebInspector.RemoteObject>}
      */
     _windowObjectInNodeContext: function(node)
     {
         return new Promise(windowObjectInNodeContext);
 
@@ skipping 17 matching lines @@
             context.evaluate("self", WebInspector.EventListenersWidget._objectGroupName, false, true, false, false, fulfill);
         }
     },
 
     _eventListenersArrivedForTest: function()
     {
     },
 
     __proto__: WebInspector.ThrottledWidget.prototype
 }