웹사이트에서 Chrome 확장 프로그램이 설치되어 있는지 감지할 수 있나요?

외부 스크립트에서 Chrome 확장 프로그램 설치를 감지하는 방법

원활한 사용자 환경을 만들기 위해 사용자에게 특정 Chrome 확장 프로그램이 있는지 확인해야 하는 경우가 많습니다. 설치되었습니다. 이를 통해 웹사이트는 확장 프로그램의 존재 여부에 따라 콘텐츠와 기능을 조정할 수 있습니다.

최신 업데이트에 따르면 이제 Chrome은 웹사이트에서 확장 프로그램으로 메시지를 보내는 기능을 제공합니다. 이를 달성하려면 다음 단계를 따르세요.

1. 확장 프로그램의 Background.js 파일에 다음 코드를 추가하세요.

   chrome.runtime.onMessageExternal.addListener(
       function(request, sender, sendResponse) {
           if (request) {
               if (request.message) {
                   if (request.message == "version") {
                       sendResponse({version: 1.0});
                   }
               }
           }
           return true;
       });

2. 홈페이지에서 메시지를 보내실 수 있습니다. Extension:

   var hasExtension = false;
   
   chrome.runtime.sendMessage(extensionId, { message: "version" },
       function (reply) {
           if (reply) {
               if (reply.version) {
                   if (reply.version >= requiredVersion) {
                       hasExtension = true;
                   }
               }
           } else {
               hasExtension = false;
           }
       });

3. 확장 프로그램이 응답하면 hasExtension 변수를 확인하여 사용자의 설치 상태를 확인할 수 있습니다.

메시지 교환은 비동기식이므로 잠재적인 오류를 처리하기 위해 논리를 구현해야 할 수도 있습니다. 지연.

편집:

1. 허용된 도메인을 지정하는 manifest.json 파일에 항목을 추가합니다. 메시지를 보내다 확장 프로그램:

   "externally_connectable": {
       "matches": ["*://localhost/*", "*://your.domain.com/*"]
   },

2. chrome.runtime.sendMessage 콜백에서 확장 프로그램이 설치되지 않거나 비활성화된 경우 발생할 수 있는 잠재적 오류를 처리합니다.

   if (chrome.runtime.lastError) {
       // handle error 
   }

위 내용은 웹사이트에서 Chrome 확장 프로그램이 설치되어 있는지 감지할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!