If you're interested in staying up to date with Chrome DevTools, I run this project called Dev Tips: https://umaar.com/dev-tips/ It contains around 150 tips which I display as short, animated gifs, so you don't have to read much text to learn how a particular feature works.
CSS and JS code coverage in Chrome DevTools
111–120 of 130 posts
Re: CSS and JS code coverage in Chrome DevTools
#112If you're interested in staying up to date with Chrome DevTools, I run this project called Dev Tips: https://umaar.com/dev-tips/ It contains around 150 tips which I display as short, animated gifs, so you don't have to read much text to learn how a particular feature works.
Re: CSS and JS code coverage in Chrome DevTools
#113How do I exclude "chrome-extension://" and "extensions::" from the list? I can't do anything with them anyway, so it's just clutter.
It's done for you, but you'll have to wait for the next Chrome version. (Or use beta/Canary). Screenshot: http://imgur.com/zSfShm1
Mac and Windows only
Re: CSS and JS code coverage in Chrome DevTools
#114Earlier quoted context omitted.
If it's not for this page, then why are you loading it? Load it when the user goes to that other page. That's the idea behind bundle splitting and whatnot. Don't send users code they don't need yet. Most of them are never going to get to the part of the page that does need that code.
Because now the entire thing is loaded into the browser cache and doesn't need loading at all across the entire site
Re: CSS and JS code coverage in Chrome DevTools
#115Can this be useful when someone uses webpack?
Why would it be any different if they weren't? Unused code is unused code.
Re: CSS and JS code coverage in Chrome DevTools
#116If you're interested in staying up to date with Chrome DevTools, I run this project called Dev Tips: https://umaar.com/dev-tips/ It contains around 150 tips which I display as short, animated gifs, so you don't have to read much text to learn how a particular feature works.
Re: CSS and JS code coverage in Chrome DevTools
#117In the CSS file view, isn't it unpractical, that it marks whitespace as unused? That makes it much harder to find rules that are unused.
Shouldn't you be minimizing your CSS (and JavaScript) as part of a deployment script, anyway? This tool supports sourcemaps, so it will show you the original CSS. My major issue with it is that it doesn't seem to take media queries into consideration. It marked as unused a number of styles wrapped in a min-width that happened to be larger than my browser window. Without automation, it's going to be time-consuming to…
Re: CSS and JS code coverage in Chrome DevTools
#118If you're interested in staying up to date with Chrome DevTools, I run this project called Dev Tips: https://umaar.com/dev-tips/ It contains around 150 tips which I display as short, animated gifs, so you don't have to read much text to learn how a particular feature works.
I've found over the years that emails as notifications get ignored by me, no matter how interested I was at the time of subscription.
Re: CSS and JS code coverage in Chrome DevTools
#119If you're interested in staying up to date with Chrome DevTools, I run this project called Dev Tips: https://umaar.com/dev-tips/ It contains around 150 tips which I display as short, animated gifs, so you don't have to read much text to learn how a particular feature works.
Maybe add an RSS feed? I can consume it now because my RSS reader (NewsBlur) has an email gateway, but that's still kinda jumping through silly hoops.
Re: CSS and JS code coverage in Chrome DevTools
#120Earlier quoted context omitted.
It's done for you, but you'll have to wait for the next Chrome version. (Or use beta/Canary). Screenshot: http://imgur.com/zSfShm1
FYI Canary is the bleeding-edge version of Chrome: https://www.google.com/chrome/browser/canary.html Mac and Windows only