前提・実現したいこと
ページ内のある要素に子要素が追加されたとき、
その子要素に対して特定の処理を行う拡張機能を作成しています。
ContentScriptsでMutationObserverを利用し、要素の追加を検知した場合は
その要素に対して特定の処理を行う、という形で実装しています。
拡張機能を無効化したとき、ContentScriptsで動作しているMutationObserverを停止させたいのですが
実現する方法が分からないため、お力添えいただきたいです。
該当のソースコード
contentScript.js
js
1const init = () => { 2 const someElement = document.getElementById("XXX"); 3 4 const observer = new MutationObserver((records) => { 5 records.forEach((record) => { 6 // 特定の処理 7 }); 8 }); 9 10 observer.observe(someElement, { childList: true }); 11}; 12 13if (document.readyState !== "loading") { 14 init(); 15} else { 16 document.addEventListener("DOMContentLoaded", init); 17}
試したこと
chrome.management.onDisabled.addListener()
で無効化時のイベントハンドラを登録できると考えたのですが、
BackgroundScripts(EventPage)に実装してもハンドラが動作しませんでした。
お手数をおかけしますが、よろしくお願いいたします。
あなたの回答
tips
プレビュー