DevTools: support sourceMappingURL for the inline stylesheets

This patch properly linkifies inline stylesheet URLs if they have attached
sourcemap.

BUG=649679
R=dgozman

Review-Url: https://codereview.chromium.org/2545883005
Cr-Commit-Position: refs/heads/master@{#436416}

front_end/elements/StylesSidebarPane.js

@@ -610,8 +610,10 @@ Elements.StylePropertiesSection = class {
         this.editable = false;
       } else {
         // Check this is a real CSSRule, not a bogus object coming from Elements.BlankStylePropertiesSection.
-        if (rule.styleSheetId)
-          this.navigable = !!rule.resourceURL();
+        if (rule.styleSheetId) {
+          var header = rule.cssModel().styleSheetHeaderForId(rule.styleSheetId);
+          this.navigable = !header.isAnonymousInlineStyleSheet();
+        }
       }
     }
 
@@ -655,7 +657,7 @@ Elements.StylePropertiesSection = class {
     }
 
     var header = rule.styleSheetId ? matchedStyles.cssModel().styleSheetHeaderForId(rule.styleSheetId) : null;
-    if (ruleLocation && rule.styleSheetId && header && header.resourceURL()) {
+    if (ruleLocation && rule.styleSheetId && header && !header.isAnonymousInlineStyleSheet()) {
       return Elements.StylePropertiesSection._linkifyRuleLocation(
           matchedStyles.cssModel(), linkifier, rule.styleSheetId, ruleLocation);
     }

front_end/sdk/CSSRule.js

@@ -90,6 +90,13 @@ SDK.CSSRule = class {
   isRegular() {
     return this.origin === Protocol.CSS.StyleSheetOrigin.Regular;
   }
+
+  /**
+   * @return {!SDK.CSSModel}
+   */
+  cssModel() {
+    return this._cssModel;
+  }
 };
 
 /**

front_end/sdk/CSSStyleSheetHeader.js

@@ -62,6 +62,13 @@ SDK.CSSStyleSheetHeader = class {
     return this._cssModel;
   }
 
+  /**
+   * @return {boolean}
+   */
+  isAnonymousInlineStyleSheet() {
+    return !this.resourceURL() && !this._cssModel.sourceMapForHeader(this);
+  }
+
   /**
    * @return {string}
    */