painty / CSS-Used-ChromeExt

Get all css rules used by the selected DOM and its children.
https://chrome.google.com/webstore/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
MIT License
269 stars 64 forks source link

issue merge styles from media="print" to global styles #10

Closed huukhai87 closed 6 years ago

huukhai87 commented 6 years ago
  1. The url of page inspected.

https://www.everydiam.com/diamond-jewelry/sku30191.html

  1. The element inspected.

div.wrapper-bottom

  1. Expected result.
.wrapper-bottom {
    background: transparent url("https://www.everydiam.com/skin/frontend/default/forest_fancyshop/images/footer_bg.gif") repeat-x scroll center bottom;
}
  1. Actual result.
.wrapper-bottom {
    background: transparent url("https://www.everydiam.com/skin/frontend/default/forest_fancyshop/images/footer_bg.gif") repeat-x scroll center bottom;
}
// more style from media="print"
* {
    background: none!important; 
    text-align: left!important;
}
* {
    margin: 0;
    padding: 0;
}

note: the style

* {
    background: none!important; 
    text-align: left!important;
}
* {
    margin: 0;
    padding: 0;
}

from link media="print" href="https://www.everydiam.com/media/css_secure/6a4b386e11eb511b87056ed631be9245.css" type="text/css" rel="stylesheet",

pls don't merge styles code from media print and just keep styles from media ="all"

painty commented 6 years ago

I'll preserve the media property of link / styleTag , in the next release.

painty commented 6 years ago

Fixed in 2.2.7, goto chrome://extensions/?id=cdopjfddjlonogibjahpnmjpoangjfff and update.