Skip to content

Instantly share code, notes, and snippets.

@matthias-vogt
Forked from gauntface/toggle-remote-styles.js
Last active April 19, 2016 01:39
Show Gist options
  • Save matthias-vogt/be1dd6fd4f02baa11d77e0413c0b9dcd to your computer and use it in GitHub Desktop.
Save matthias-vogt/be1dd6fd4f02baa11d77e0413c0b9dcd to your computer and use it in GitHub Desktop.
Toggles external stylesheets to only see critical, inline CSS
if (styles === undefined) // cache styles
var styles = document.querySelectorAll("link[rel='stylesheet']");
if (externalsDisabled === undefined) {
var externalsDisabled = false;
} else {
externalsDisabled = !externalsDisabled;
}
if (externalsDisabled) {
for (var s = 0; s < styles.length; s++) {
styles[s].media = styles[s].originalMedia; // use original "media" attribute
}
} else {
for (var s = 0; s < styles.length; s++) {
var stylesheet = styles[s];
if (stylesheet.media !== 'print') {
if (stylesheet.originalMedia === undefined) // cached
stylesheet.originalMedia = stylesheet.media;
// save "media" attribute for toggling later
stylesheet.media = 'only x';
// disable the stylesheet
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment