Zenn
Open1

Google Chromeの拡張機能作成についてまとめる

Chrome 拡張機能
Google Chrome
MonoMono

はじめに

公式ドキュメントはこちら

基本的に開発ドキュメントに沿って作成をすればできるが、

chrome.notificationsを用いたトースト通知

以下のように記載すると、システムトレイに通知を作成できる

chrome.action.onClicked.addListener((tab) => {
  chrome.scripting.executeScript(
    {
      target: { tabId: tab.id },
      function: pickTitleAndLink,
    },
    () => {
      // 実行後にトースト通知を表示
      chrome.notifications.create({
        type: "basic",
        iconUrl: "/images/icon.png", // アイコンのURLを指定
        title: "タイトルコピー完了",
        message: "現在のタブのタイトルがコピーされました！",
        priority: 2,
      });
    }
  );
});

functionには複数関数を指定できない

下記のように、functionを指定する際に複数の関数を指定することはできなかった

chrome.scripting.executeScript({
   // 処理
    function: [hogeFunction, hugaFunction],
  });