> 웹 프론트엔드 > JS 튜토리얼 > Chrome 확장 프로그램에서 `sendResponse`가 비동기 기능을 기다리게 하려면 어떻게 해야 합니까?

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

DDD
풀어 주다: 2024-11-23 20:21:09
원래의
244명이 탐색했습니다.

How Can I Make `sendResponse` Wait for Async Functions in Chrome Extensions?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿