Audio wird nicht mit JavaScript stumm geschaltet werden - Audio-Tags mit mutationobserver zu entfernen brauchte

Question

Ich habe versucht, die folgende userscript zu verwenden, um alle Audiodaten von einer bestimmten Website zu entfernen:

// ==UserScript== 
// @name  addicto 
// @namespace nms 
// @include  http://* 
// @include  https://* 
// @version  1 
// @grant  none 
// ==/UserScript== 

addEventListener('DOMContentLoaded',()=>{ 
    let sites = ['mako.co.il']; 
    let href = window.location.href; 
    for (let i = 0; i < sites.length; i++) { 
    if (href.includes(sites[i])) { 
     Array.prototype.slice.call(document.querySelectorAll('audio')).forEach((audio)=>{ 
     audio.muted = true; 
     }); 
    } 
    } 

    // If href includes the value of the iteration on the "sites" array, do stuff. 
}); 

Dieser Code hat nicht funktioniert und ich nehme an Das Beobachten aller audio Tags, die zufällig kommen und das DOM mutieren, ist genau das, was ich besser bewältigen muss.

Wie kann dieser Mutationsbeobachter geschrieben werden? Ich habe noch nie einen Mutationsbeobachter geschrieben, und ich habe das Gefühl, dass dieses Beispiel sehr kurz und sehr grundlegend wäre und genau das, was ich brauche, um den Code-Kontext der Logik, die ich gerade beschrieben habe, zu würdigen versuche es mir und anderen Leuten zu zeigen, die ein ähnliches Problem haben.

Answer 1

• Aufzählen mutations und die Elemente jeder Kind addedNodes
• Aufzählen Knotens der Mutation, da Mutationen während des Ladens der Seite mit dem superschnellen getElementsByTagName anstelle der Superslow querySelectorAll
• nicht @grant none verschmolzen sind, verwenden Sie das laufen Ihren userscript in der Seitenkontext, es sei denn, Sie benötigen direkten Zugriff auf die JavaScript-Objekte der Seite
• Verwenden Sie @run-at document-start, um die Audiodaten beim Laden der Seite stumm zu schalten

// ==UserScript== 
// @name  addicto 
// @include * 
// @run-at document-start 
// ==/UserScript== 

const sites = ['mako.co.il']; 
if (sites.some(site => location.hostname.includes(site))) { 
    new MutationObserver(mutations => { 
    for (const m of mutations) { 
     for (const node of m.addedNodes) { 
     if (node.localName == 'audio') { 
      audio.muted = true; 
     } else if (node.children && node.children[0]) { 
      for (const child of node.getElementsByTagName('audio')) { 
      audio.muted = true; 
      } 
     } 
     } 
    } 
    }).observe(document, {subtree: true, childList: true}); 
}