DevTools: support sourceMappingURL for the inline stylesheets

third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.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 607 matching lines @@
     this.element.addEventListener('click', this._handleEmptySpaceClick.bind(this), false);
     this.element.addEventListener('mousemove', this._onMouseMove.bind(this), false);
     this.element.addEventListener('mouseleave', this._setSectionHovered.bind(this, false), false);
 
     if (rule) {
       // Prevent editing the user agent and user rules.
       if (rule.isUserAgent() || rule.isInjected()) {
         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);
+          var hasSourceMap = header ? !!header.sourceMap() : false;
+          this.navigable = !!rule.resourceURL() || hasSourceMap;

[dgozman, 2016/12/04 03:13:13]

Note: you can replace rule.resourceURL() with header.resourceURL(), and then
introduce StyleSheetHeader.isAnonymousInlineStyleSheet() similarly to debugger
script.

[lushnikov, 2016/12/05 19:56:38]

Done.

+        }
       }
     }
 
     this._mediaListElement = this._titleElement.createChild('div', 'media-list media-matches');
     this._selectorRefElement = this._titleElement.createChild('div', 'styles-section-subtitle');
     this._updateMediaList();
     this._updateRuleOrigin();
     this._titleElement.appendChild(selectorContainer);
     this._selectorContainer = selectorContainer;
 
@@ skipping 23 matching lines @@
     var ruleLocation;
     if (rule instanceof SDK.CSSStyleRule) {
       var matchingSelectors = matchedStyles.matchingSelectors(rule);
       var firstMatchingIndex = matchingSelectors.length ? matchingSelectors[0] : 0;
       ruleLocation = rule.selectors[firstMatchingIndex].range;
     } else if (rule instanceof SDK.CSSKeyframeRule) {
       ruleLocation = rule.key().range;
     }
 
     var header = rule.styleSheetId ? matchedStyles.cssModel().styleSheetHeaderForId(rule.styleSheetId) : null;
-    if (ruleLocation && rule.styleSheetId && header && header.resourceURL()) {
+    if (ruleLocation && rule.styleSheetId && header && (header.resourceURL() || !!header.sourceMap())) {

[dgozman, 2016/12/04 03:13:13]

... and use it here.

[lushnikov, 2016/12/05 19:56:38]

Done.

       return Elements.StylePropertiesSection._linkifyRuleLocation(
           matchedStyles.cssModel(), linkifier, rule.styleSheetId, ruleLocation);
     }
 
     if (rule.isUserAgent())
       return createTextNode(Common.UIString('user agent stylesheet'));
     if (rule.isInjected())
       return createTextNode(Common.UIString('injected stylesheet'));
     if (rule.isViaInspector())
       return createTextNode(Common.UIString('via inspector'));
@@ skipping 2375 matching lines @@
   }
 
   /**
    * @override
    * @return {!UI.ToolbarItem}
    */
   item() {
     return this._button;
   }
 };