Chrome 확장 콘텐츠 스크립트 내에서 Gmail의 전역 변수에 어떻게 액세스할 수 있나요?

Chrome 확장 프로그램 콘텐츠 스크립트에서 Gmail의 전역 변수에 액세스

소개

Chrome 확장 프로그램은 다음과 같습니다. 웹 페이지의 기능에 액세스하고 이를 향상시킬 수 있는 강력한 도구입니다. 그러나 확장 프로그램 콘텐츠 스크립트 내의 웹페이지에서 전역 변수에 액세스하는 것은 어려울 수 있습니다.

문제:

확장 프로그램 개발자가 Gmail의 GLOBALS 변수에 액세스하는 데 어려움을 겪고 있습니다. 콘텐츠 스크립트. jQuery.load() 및 개발자 도구 콘솔 모두 원하는 데이터를 검색하지 못하여 오류 메시지가 표시됩니다.

해결책:

콘텐츠 스크립트는 웹페이지와 분리된 격리된 환경. 전역 속성에 액세스하려면 다음 접근 방식 중 하나를 채택해야 합니다.

1. 새 <script> 요소를 웹페이지 컨텍스트에 추가합니다.</script>
2. 이벤트 리스너를 활용하여 콘텐츠 스크립트와 웹페이지 간에 데이터를 전달합니다.

이벤트 리스너 방법

1. contentscript.js(매니페스트의 "run_at": "document_end"):

   <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();
   };
   
   // Event listener
   document.addEventListener('RW759_connectExtension', function(e) {
       // e.detail contains the transferred data.
       alert(e.detail);
   });</code>

2. script.js은 확장 디렉토리에 위치하며 페이지에 삽입됩니다.

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

고려 사항:

• 다음을 확인하세요. "script.js"는 DOM 내의 확장 URL에서 로드되므로 매니페스트 파일의 "web_accessible_resources" 섹션에 포함됩니다.
• 웹 페이지의 로직을 최소화하고 콘텐츠 스크립트에서 대부분의 작업을 처리합니다. 웹페이지 간섭을 방지하고 특화된 기능을 이용할 수 있습니다.

위 내용은 Chrome 확장 콘텐츠 스크립트 내에서 Gmail의 전역 변수에 어떻게 액세스할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!