Chrome拡張機能でのchrome.tabs.executescriptのスクリプト実行結果の取得方法


Chrome拡張機能を使用して、chrome.tabs.executescriptを使ってスクリプトを実行し、その結果を取得する方法について説明します。以下にいくつかのコード例を示します。

  1. コールバック関数を使用する方法:

    chrome.tabs.executeScript(tabId, { code: 'document.title' }, function(result) {
    if (chrome.runtime.lastError) {
    console.error(chrome.runtime.lastError);
    return;
    }
    console.log(result[0]);
    });
  2. Promiseを使用する方法:

    function executeScriptWithPromise(tabId, code) {
    return new Promise((resolve, reject) => {
    chrome.tabs.executeScript(tabId, { code }, function(result) {
      if (chrome.runtime.lastError) {
        reject(chrome.runtime.lastError);
      } else {
        resolve(result[0]);
      }
    });
    });
    }
    executeScriptWithPromise(tabId, 'document.title')
    .then(result => {
    console.log(result);
    })
    .catch(error => {
    console.error(error);
    });

これらの例では、chrome.tabs.executeScriptを使用して実行したいスクリプトコードと、実行結果を取得するためのコールバック関数またはPromiseを指定します。chrome.runtime.lastErrorを使用してエラーハンドリングを行い、成功時には結果を表示します。

これらのコード例を使用することで、chrome.tabs.executescriptを介してスクリプトを実行し、その結果を取得することができます。