Get only visible text elements from HTML of a page.

getVisibleElements.js

// From the creator of unzip.dev

const texts = document.querySelectorAll(
  "p, span, a, h1, h2, h3, h4, h5, h6, input, button, pre"
);
let visible = [];
texts.forEach((e) => {
  var style = window.getComputedStyle(e);
  if (style.display !== "none" && style.visibility !== "hidden") {
    visible.push(e);
  }
});
const cleanedTexts = Array.from(visible)
  .map((t) => t.textContent.replace(/  /g, "").replace(/\n\n/g, "\n"))
  .filter((t) => t.length > 1 && t.replace(/\n/g, "").length > 1);
  
const pretty = JSON.stringify(cleanedTexts, null, 2);
console.log(pretty);
copy(pretty);