Ersetzen Sie den gesamten Text auf einer Webseite mit JavaScript

Eine Notiz mit Beispielcode zum Ersetzen des gesamten Textes auf einer Webseite mit JavaScript.

Anwendungsfall: Sie möchten Freunden oder Kunden das Design und Layout einer von Ihnen programmierten/erstellten Webseite zeigen, aber wenn der Text so geschrieben ist, kann die Seite identifiziert werden. Wenn Sie das vermeiden möchten.

Vorgehensweise: Laden Sie das folgende JavaScript in eine Datei, ein Bookmarklet oder eine Entwicklertools-Konsole.

var all = document.getElementsByTagName('p');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}
var all = document.getElementsByTagName('a');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}
var all = document.getElementsByTagName('span');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}
var all = document.getElementsByTagName('li');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}
var all = document.getElementsByTagName('h1');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}
var all = document.getElementsByTagName('h2');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}
var all = document.getElementsByTagName('h3');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}
var all = document.getElementsByTagName('h4');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}
var all = document.getElementsByTagName('h5');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}
var all = document.getElementsByTagName('h6');
for (var i = 0; i < all.length; i++) {
    all[i].innerText = all[i].innerText.replace(/./g, "あ");
}

Was es tut: Ersetzt jedes Zeichen jedes Strings in allen Tags, die wahrscheinlich Text enthalten, Zeichen für Zeichen.

• p
• a
• span
• h1-h6

Sie könnten denken, Sie könnten einfach den innerText des body-Tags ersetzen, aber dies scheint auch das CSS zu entfernen und das Layout zu zerstören.

document.body.innerText = document.body.innerText.replace(/./g, 'あ');