[DevTools] Support JQuery event listeners

Source/devtools/front_end/elements/EventListenersWidget.js

Index: Source/devtools/front_end/elements/EventListenersWidget.js
diff --git a/Source/devtools/front_end/elements/EventListenersWidget.js b/Source/devtools/front_end/elements/EventListenersWidget.js
index f8b0a1d62470b7f348dbce11cf967949dce14daa..9ddd4d969e035f7cf7d290447bae8e80dc99f559 100644
--- a/Source/devtools/front_end/elements/EventListenersWidget.js
+++ b/Source/devtools/front_end/elements/EventListenersWidget.js
@@ -38,6 +38,10 @@ WebInspector.EventListenersWidget = function()
 
     this._showForAncestorsSetting = WebInspector.settings.createSetting("showEventListenersForAncestors", true);
     this._showForAncestorsSetting.addChangeListener(this.update.bind(this));
+
+    this._showFrameworkListenersSetting = WebInspector.settings.createSetting("showFrameworkListeners", true);
+    this._showFrameworkListenersSetting.addChangeListener(this._showFrameworkUserListenersChanged.bind(this));
+
     this._eventListenersView = new WebInspector.EventListenersView(this.element);
     WebInspector.context.addFlavorChangeListener(WebInspector.DOMNode, this.update, this);
 }
@@ -53,6 +57,7 @@ WebInspector.EventListenersWidget.createSidebarWrapper = function()
     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 frameworks"), widget._showFrameworkListenersSetting));
     return result;
 }
 
@@ -89,7 +94,19 @@ WebInspector.EventListenersWidget.prototype = {
             }
             promises.push(this._windowObjectInNodeContext(node));
         }
-        return Promise.all(promises).then(this._eventListenersView.addObjects.bind(this._eventListenersView));
+        /**
+         * @this {!WebInspector.EventListenersWidget}
+         */
+        function showResolvedHandlers()
+        {
+            this._showFrameworkUserListenersChanged();
+        }
+        return Promise.all(promises).then(this._eventListenersView.addObjects.bind(this._eventListenersView)).then(showResolvedHandlers.bind(this));
+    },
+
+    _showFrameworkUserListenersChanged: function()
+    {
+        this._eventListenersView.showFrameworkUserEventListeners(this._showFrameworkListenersSetting.get());
     },
 
     /**