콘텐츠 스크립트에서 Chrome API를 사용할 때 '정의되지 않은 속성을 읽을 수 없습니다' 오류를 해결하는 방법은 무엇입니까?

콘텐츠 스크립트의 Chrome API에서 '정의되지 않은 속성을 읽을 수 없음' 오류

Chrome 확장 프로그램은 종종 콘텐츠 스크립트를 사용하여 웹 페이지에 JavaScript를 삽입합니다. . 이러한 콘텐츠 스크립트 내에서 chrome.tabs와 같은 Chrome API에 액세스하려고 할 때 한 가지 일반적인 문제가 발생합니다.

"정의되지 않은 '이름' 속성을 읽을 수 없습니다." 오류는 해당 API를 콘텐츠에서 사용할 수 없음을 나타냅니다. 스크립트 컨텍스트. 이는 배경 스크립트 및 팝업 스크립트와 같은 다른 스크립트 유형에 비해 콘텐츠 스크립트가 Chrome API에 대한 액세스가 제한되어 있기 때문입니다.

원인:

콘텐츠 스크립트는 샌드박스 처리되어 있으며 chrome.i18n, chrome.dom, chrome.storage 및 하위 집합을 포함한 특정 API 집합에 대한 액세스 chrome.runtime/chrome.extension.

해결책:

콘텐츠 스크립트에서 chrome.tabs와 같은 제한된 Chrome API에 액세스하려면 메시지 전달을 사용하여 다음과 통신할 수 있습니다. 적합한 스크립트 유형(예: 배경 스크립트).

구현:

1. 콘텐츠 스크립트의 메시지를 백그라운드 스크립트, 팝업 스크립트 또는 서비스 워커(MV3의 경우)에 전달합니다.

// In contentScript.js
chrome.runtime.sendMessage({ action: "getTabs" });

2. 받는 사람의 메시지를 처리합니다. script.

// In backgroundScript.js
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  if (request.action === "getTabs") {
    chrome.tabs.query({}, (tabs) => {
      sendResponse(tabs);
    });
  }
});

3. 해당 스크립트에서 API를 사용하고 결과를 콘텐츠 스크립트로 반환합니다.

다음 단계에 따라 다음을 사용할 수 있습니다. 메시지 전달을 통해 더 많은 권한이 있는 스크립트 유형에 요청을 위임하여 콘텐츠 스크립트에서 사용할 수 없는 Chrome API를 사용합니다.

위 내용은 콘텐츠 스크립트에서 Chrome API를 사용할 때 '정의되지 않은 속성을 읽을 수 없습니다' 오류를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!