Chrome 拡張機能から Gmail のグローバル変数にアクセスするにはどうすればよいですか?

Chrome 拡張機能から Gmail のグローバル変数にアクセスする

Gmail 拡張機能を使用すると、多くの場合、表示されている現在のメッセージからグローバル変数にアクセスする必要があります。ただし、コンテンツ スクリプトの環境が分離されているため、これには課題が生じる可能性があります。

Gmail Web ページから GLOBALS 変数を取得するには、単純に jQuery.load() を使用することはできません。代わりに、新しい <script> を挿入する必要があります。 </script>

スクリプト要素の挿入

<code class="javascript">var s = document.createElement('script');
s.src = chrome.extension.getURL('script.js');
(document.head||document.documentElement).appendChild(s);
s.onload = function() {
    s.remove();
};</code>

<code class="javascript">setTimeout(function() {
    // Send `GLOBALS` to the extension
    document.dispatchEvent(new CustomEvent('RW759_connectExtension', {
        detail: GLOBALS
    }));
}, 0);</code>

<script> を挿入することにより、要素を使用すると、外部スクリプトをページのコンテキストにロードできます。このスクリプトはグローバル変数にアクセスし、それらを拡張機能に送り返すことができます。たとえば、コンテンツ スクリプト (contentscript.js):<strong></script>

挿入されたスクリプト (script.js) には次が含まれます:

<code class="javascript">// Event listener in contentscript.js
document.addEventListener('RW759_connectExtension', function(e) {
    // e.detail contains the transferred data (GLOBALS)
    alert(e.detail);
});</code>

Using Event Listeners

または、イベント リスナーを使用して、ページと拡張機能の間でデータを渡すこともできます。コンテンツ スクリプトは、次のように、挿入されたスクリプトによってトリガーされるイベントをリッスンします。

Chrome が読み込めるように、必ずマニフェスト ファイルの web_accessible_resources セクションに script.js を含めてください。

ベスト プラクティスコンテンツ スクリプト内のロジックは最小限に抑え、データ処理に重点を置きます。これにより、拡張機能を Web ページのコードの変更やバグから保護し、コンテンツ スクリプトによって提供される拡張機能にアクセスできるようになります。

以上がChrome 拡張機能から Gmail のグローバル変数にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。