文字モザイクブックマークレット

text-mosaic.js

(() => {
  const exclusionTags = [ 'SCRIPT', 'STYLE' ]
  const exclusionCharacters = [ ' ', '　' ]
  const emptyRegex = new RegExp('^[\\s　]*$', 's')
  const maskCharacters = [ '▀', '▁', '▂', '▃', '▄', '▅', '▆', '▇', '█', '▔', '▙', '▚', '▛', '▜', '▞', '▟' ]
  const irandom = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min
  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.innerText = ''
      for (let i = 0; i < currentElement.nodeValue.length; i ++) {
        let character = currentElement.nodeValue.charAt(i)
        if (!exclusionCharacters.includes(character)) {
          character = maskCharacters[irandom(0, maskCharacters.length - 1)]
        }
        maskElement.innerText += character
      }
      currentElement.parentNode.replaceChild(maskElement, currentElement)
    }
  }
  traverseElement(document.documentElement)
})()

圧縮はここ: https://www.toptal.com/developers/javascript-minifier
元ネタ: https://motemen.hatenablog.com/entry/2022/07/extension-obfuscate-texts