chrome拡張機能の気になった記事

ひげ

backgroundでコピーする方法

ひげ

そもそもV２　とは何
V3についての詳しい解説はあるが、そもそもV2とはなんだったのかを詳しく解説

ひげ

初めて作った時のハマりポイントの解消方法

用語集もあったり、やってしまいがちなミスが書かれている

ひげ

React で Option ページの書き方

Option と　Popup の連携も書いてある実用的な記事

ひげ

Chrome拡張機能Manifest V3対応の勘どころ

ひげ

background, popup, storage などそれぞれの関係をまとめた図が上手い

ひげ

特定のページのときだけポップアップをオンにする方法
こうやってバックグラウンドにonActivatedとonUpdatedを使ってアクティブタブ更新のタイミングを監視し、setAction()でポップアップのボタンを変更している

chrome.tabs.onActivated.addListener( function(activeInfo){
  chrome.tabs.get(activeInfo.tabId, function(tab){
    setAction(tab.url);
  });
});

chrome.tabs.onUpdated.addListener((tabId, change, tab) => {
  if (tab.active && change.url) {
    setAction(change.url);
  }
});

ひげ

content script で React を使う

コンテンツスクリプトで使いたいとは思わないが、Option と Popupで別々にReactを使いたかったので参考になるかも知れない

ひげ

Firebaseで認証機能をつける

ひげ

chrome.storage の仕様
保存した挙動を書いてくれているのでわかりやすい

ひげ

作ってみた系の記事だが知見がたくさん溜まってる

setは上書き保存
キーを変数で指定したいときの場合(chatGPTだとそのまま入れても大丈夫そうだから要調査)
content script / background の実行タイミング
pupup にリンクを機能させる
storageのデータを日時でソートする
https://qiita.com/3taku_drink/items/1df4154a39b748910947

ひげ