Chrome 확장 프로그램에서 `sendResponse`가 비동기 기능을 기다리게 하려면 어떻게 해야 합니까?

sendResponse가 비동기 함수를 기다리고 Promise가 해결됨

문제: Chrome 확장 프로그램에서 contentscript의 sendResponse() .js는 getThumbnails()를 위해 일시 ​​중지되지 않습니다. 완료.

설명: Chrome의 chrome.runtime.onMessage 이벤트 리스너는 sendResponse를 위해 채널을 열어 두어야 하는지 여부를 나타내는 부울 값을 반환합니다. 비동기 함수 또는 Promise가 반환되면 Chrome은 Promise를 무시하고 즉시 채널을 닫습니다.

해결책: 이벤트 리스너가 비동기 함수와 호환되도록 만드세요.

1. 비동기 키워드 제거: 이벤트 리스너 시작 부분에서 비동기 키워드를 제거합니다. function.
2. 별도의 비동기 함수 정의: 메시지 처리를 처리하는 별도의 비동기 함수를 만듭니다. 이벤트 리스너 내에서 이 함수를 호출하세요.

예:

chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
  if (msg.message === "get_thumbnails") {
    processMessage(msg).then(sendResponse);
    return true; // Keep the channel open for sendResponse
  }
});

async function processMessage(msg) {
  console.log('Processing message', msg);
  // ... Handle the message processing here ...
  return 'foo';
}

대체 솔루션: API 패치

사용하는 모든 스크립트의 시작 부분에 다음 코드를 추가합니다. chrome.runtime.onMessage:

if ('crbug.com/1185241') { // Replace with a check for Chrome version that fixes the bug
  const {onMessage} = chrome.runtime, {addListener} = onMessage;
  onMessage.addListener = fn => addListener.call(onMessage, (msg, sender, respond) => {
    const res = fn(msg, sender, respond);
    if (res instanceof Promise) return !!res.then(respond, console.error);
    if (res !== undefined) respond(res);
  });
}

이 패치를 사용하면 이벤트 리스너가 비동기 함수 또는 Promise를 반환할 수 있습니다.

위 내용은 Chrome 확장 프로그램에서 `sendResponse`가 비동기 기능을 기다리게 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!