Unblur bookmarlklet

unblur.md

Unblur bookmarklet

Too many websites rely on the CSS blur filter to cheaply obfuscate contents. Here's a bookmarklet to reset all active blur styles from the current page DOM.

(function() {
  for (const x of document.querySelectorAll("*")) {
    const s = getComputedStyle(x);
    for (const k in s) {
      if (k.includes("filter") && s.filter.includes("blur")) {
        x.style.filter = "";
      }
    }
  }
})();

Feel free to create a convenient bookmarklet out of this snippet using this tool.

Thanks for this. Here is a small update so it works also in cases where there is css with higher specificity applying the blur.

(function() {
  for (const x of document.querySelectorAll("*")) {
    const s = getComputedStyle(x);
    for (const k in s) {
      if (k.includes("filter") && s.filter.includes("blur")) {
        x.style.setProperty("filter", "none", "important");
      }
    }
  }
})();