Giters

painty / CSS-Used-ChromeExt

Get all css rules used by the selected DOM and its children.

Home Page:https://chrome.google.com/webstore/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Using relative URLs

tibezh opened this issue · comments

commented
  1. The url of page inspected.

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

  1. The element inspected.

ul li.expanded

  1. Expected result.
ul li.expanded{
  list-style-image:url(/misc/menu-expanded.png);
  list-style-type:circle;
}
  1. 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.

commented

An option page with option to preserve relative url has been implemented in v2.5.0 a8f1938 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."