Chrome 확장 프로그램의 Gmail 콘텐츠 스크립트에서 전역 변수에 액세스하는 방법은 무엇입니까?

Gmail 콘텐츠 스크립트에서 전역 변수에 액세스

Chrome 확장 프로그램을 사용하여 활성 Gmail 메시지 웹페이지에서 GLOBALS 변수를 검색하는 솔루션을 찾고 있습니다. .

콘텐츠 스크립트의 격리

콘텐츠 스크립트는 격리된 환경에서 실행되므로 페이지 전역 변수에 직접 액세스할 수 없습니다.

메시지 전달 기술

이 격리를 극복하려면 메시지 전달 기술을 고려하십시오.

스크립트 요소 삽입

페이지의 DOM에 스크립트 요소 삽입 확장 URL 사용:

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

이벤트 리스너 설정

또한 데이터 교환을 위한 이벤트 리스너 설정:

<code class="javascript">document.addEventListener('RW759_connectExtension', function(e) {
    alert(e.detail); // Transfer data, e.g., GLOBALS
});</code>

Script.js 삽입

"script.js"(매니페스트의 web_accessible_resources에 추가됨):

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

메시지 전달의 장점

메시지 전달 접근 방식을 사용하면 웹 페이지에 대한 제한된 확장 로직 노출과 확장된 Chrome API 기능에 대한 액세스가 허용됩니다.

결론

이러한 기술을 구현하면 다음을 효과적으로 수행할 수 있습니다. Chrome 확장 프로그램의 콘텐츠 스크립트에서 GLOBALS와 같은 전역 변수에 액세스하세요.

위 내용은 Chrome 확장 프로그램의 Gmail 콘텐츠 스크립트에서 전역 변수에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!