ページのJSからdevtoolsページのコールバックを実行する方法は？

Question

開発したJS SDKのChrome Devtools拡張機能を作成しようとしています。このSDKには、addEventListener（イベントはDOMイベントではありません）があり、私が作成したdevtoolsパネルに公開されているすべてのイベントを表示できるようにしたいと考えています。

基本的に私は私のデベロッパーツールでページのスクリプトを次のコードを持ってできるようにしたいと思います：

chrome.devtools.inspectedWindow.eval(
      "mySDKonTheContentPage", function(result, isException){ 
       mySDK =result; 
       mySDK.addEventListener("myEvent", function(){ 
        doSomethingInDevtoolsUI(); 
       }); 
      }); 

コンテンツスクリプトはページのJSオブジェクトへのアクセスを（彼らのですか？）持っていないので、私はドンどこから始めるべきか本当に分かりません。

Answer 1

ご使用のページのスクリプトでは、window.postMessageを使用してコンテンツスクリプトにデータを送信できます。そこから、コンテンツスクリプトとDevToolsパネル間の通信をバックグラウンドページで設定できます。

Messaging from Injected Scripts to the DevTools PageおよびMessaging from Content Scripts to the DevTools Pageを参照してください。