DevTools: Track CSSStyleSheetHeaders in the front-end real time

Source/devtools/front_end/StylesSourceMapping.js

 /*
  * Copyright (C) 2012 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 226 matching lines @@
      * @param {boolean} majorChange
      * @param {function(?string)} userCallback
      */
     setStyleContent: function(uiSourceCode, content, majorChange, userCallback)
     {
         var resource = WebInspector.resourceForURL(uiSourceCode.url);
         if (!resource) {
             userCallback("No resource found: " + uiSourceCode.url);
             return;
         }
-            
-        this._cssModel.resourceBinding().requestStyleSheetIdForResource(resource, callback.bind(this));
 
-        /**
-         * @param {?CSSAgent.StyleSheetId} styleSheetId
-         */
-        function callback(styleSheetId)
-        {
-            if (!styleSheetId) {
-                userCallback("No stylesheet found: " + resource.frameId + ":" + resource.url);
-                return;
-            }
+        var styleSheetId = this._cssModel.resourceBinding().styleSheetIdForResource(resource);
+        if (!styleSheetId) {
+            userCallback("No stylesheet found: " + resource.frameId + ":" + resource.url);
+            return;
+        }
 
-            this._innerSetContent(styleSheetId, content, majorChange, userCallback, null);
-        }
-    },
-
-    /**
-     * @param {CSSAgent.StyleSheetId} styleSheetId
-     * @param {string} content
-     * @param {boolean} majorChange
-     * @param {function(?string)} userCallback
-     */
-    _innerSetContent: function(styleSheetId, content, majorChange, userCallback)
-    {
         this._isSettingContent = true;
         function callback(error)
         {
             userCallback(error);
             delete this._isSettingContent;
         }
         this._cssModel.setStyleSheetText(styleSheetId, content, majorChange, callback.bind(this));
     },
 
     /**
@@ skipping 18 matching lines @@
         }
         CSSAgent.getStyleSheetText(event.data.styleSheetId, callback.bind(this));
     },
 
     /**
      * @param {CSSAgent.StyleSheetId} styleSheetId
      * @param {string} content
      */
     _innerStyleSheetChanged: function(styleSheetId, content)
     {
-        /**
-         * @param {?string} styleSheetURL
-         */
-        function callback(styleSheetURL)
-        {
-            if (typeof styleSheetURL !== "string")
-                return;
+        var styleSheetURL = this._cssModel.resourceBinding().resourceURLForStyleSheetId(styleSheetId);
+        if (typeof styleSheetURL !== "string")
+            return;
 
-            var uiSourceCode = this._workspace.uiSourceCodeForURL(styleSheetURL);
-            if (!uiSourceCode)
-                return;
+        var uiSourceCode = this._workspace.uiSourceCodeForURL(styleSheetURL)
+        if (!uiSourceCode)
+            return;
 
-            if (uiSourceCode.styleFile())
-                uiSourceCode.styleFile().addRevision(content);
-        }
-
-        this._cssModel.resourceBinding().requestResourceURLForStyleSheetId(styleSheetId, callback.bind(this));
-    },
+        if (uiSourceCode.styleFile())
+            uiSourceCode.styleFile().addRevision(content);
+    }
 }
 
 /**
  * @type {?WebInspector.StyleContentBinding}
  */
 WebInspector.styleContentBinding = null;