オーディオではJavaScriptをミュートされることはありません - mutationobserverとオーディオタグを削除が

Question

を必要と私は特定のウェブサイトからすべてのオーディオを削除するには、次のuserscriptを使用しようとしました：

// ==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. 
}); 

このコードは動作しませんでしたし、私は仮定しますすべてのaudioタグがランダムに入ってきてDOMを突然変異させているのが私がこれにうまく対処するために必要なものであることを確認してください。

どのようにこの突然変異観察者を書き込むことができますか？私は変異観察者を書いたことは一度もありませんし、この例が非常に短くて基本的であり、私が今説明した論理のコードコンテクストを味わう必要があるかのように感じます。それと同じ問題を抱えている他の人や私にそれを見せてください。

Answer 1

• 列挙mutationsと各変異のaddedNodes
• 列挙ノードの子要素の突然変異がであなたのuserscriptを実行@grant noneを、使用しないでください超高速getElementsByTagNameの代わりにsuperslow querySelectorAll
• を使用して、ページの読み込み中に合体されているので、ページのJavaScriptオブジェクトに直接アクセスする必要がある場合を除き、ページコンテキストでは
• を使用して、ページ読み込み中に音声をミュートします。

// ==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}); 
}