Using relative URLs

[tibezh]

1. The url of page inspected.

Any page where CSS includes fonts, images, etc. For example https://www.drupal.org/

2. The element inspected.

ul li.expanded

3. Expected result.

ul li.expanded{
  list-style-image:url(/misc/menu-expanded.png);
  list-style-type:circle;
}

4. Actual result.

ul li.expanded{
  list-style-image:url(https://www.drupal.org/misc/menu-expanded.png);
  list-style-type:circle;
}

---

As a variant, we can have an option like "Use relative paths only" or smth like this.

[painty]

An option page with option to preserve relative url has been implemented in v2.5.0 a8f1938ef3a9525da5684f9e20c74dcba36f1f47 You can right click the extension icon (or the 3 dots menu if the icon is not pined) in the top right toolbar of chrome. and select option , and uncheck the only option called "Convert url to absolute path in css rules."