文字ぼかしブックマークレット

text-blur.js

(() => {
  const maskClassName = '__mask'
  const styleElement = document.createElement('style')
  document.head.appendChild(styleElement)
  styleElement.sheet.insertRule(`.${maskClassName} { filter: blur(8px); }`)
  const exclusionTags = [ 'SCRIPT', 'STYLE' ]
  const emptyRegex = new RegExp('^[\\s　]*$', 's')
  const traverseElement = (currentElement) => {
    if (currentElement.nodeType === 1 && !exclusionTags.includes(currentElement.tagName)) {
      currentElement.childNodes.forEach(traverseElement)
    } else if (currentElement.nodeType === 3 && !emptyRegex.test(currentElement.nodeValue)) {
      const maskElement = document.createElement('span')
      maskElement.className = maskClassName
      maskElement.innerText = currentElement.nodeValue
      currentElement.parentNode.replaceChild(maskElement, currentElement)
    }
  }
  traverseElement(document.documentElement)
})()

圧縮はここ: https://www.toptal.com/developers/javascript-minifier