javascript - コンテンツ スクリプトとパネル間の通信方法

Question

パネルとコンテンツ スクリプト間の通信はどのように行われますか? コンテンツ スクリプトからパネル コンテンツを動的に更新するにはどうすればよいですか? コンテンツ スクリプトは、読み込まれたページの DOM にアクセスします。パネルに表示する必要がある Web ページに DOM の変更があるたびに。どうすればこれを行うことができますか？誰かが例で説明できますか?

更新：ここに私のアドオンコードがあります

このコードを実行してください。出力が得られません

Answer 1

あなたの質問は、2 つのコンテンツ スクリプト間の通信に関するものです。1 つのコンテンツ スクリプトは Web ページにロードされ、もう 1 つのコンテンツ スクリプトはパネルにロードされます。これらのコンテンツ スクリプトは直接通信できず、拡張機能 (main.jsまたはそれらを作成したモジュール) を介して通信する必要があります。つまり、Web ページで変更が発生すると、コンテンツ スクリプトがその変更を認識し、拡張機能にメッセージを送信します。拡張機能はメッセージを受信し、パネル内のコンテンツ スクリプトに送信します。次に、パネル内のコンテンツ スクリプトが、必要に応じてパネルのコンテンツを更新します。