【Chrome Extension】Manifest V3だとFirebase AuthenticationのgetAuth()がService Worker上ではできない
![](https://takumi-oda.com/blog/wp-content/uploads/2020/04/JavaScriptjpg-150x150.jpg)
解決策としては、popup.htmlとかで認証処理する。
"action": { "default_popup": "popup.html" }以下エラーとなったコード。
const app = initialize ...chrome.actionの使い方
![](https://takumi-oda.com/blog/wp-content/uploads/2020/04/JavaScriptjpg-150x150.jpg)
公式のgithubのサンプルプロジェクトをみていきます。
chrome.actionについてChrome action APIは、chromeのバージョン88以上で、 Manifestのバージョンは3以上で使用できます。
デベロッパーモードでchrome拡張機能をインストールする。
![](https://takumi-oda.com/blog/wp-content/uploads/2020/04/JavaScriptjpg-150x150.jpg)
プロジェクトの準備
例として、以下よりリポジトリをcloneしてくる。
chrome拡張機能をインストールする。拡張機能の画面を開く
デベロッパーモードを有効にする。
パッケージ化されていない拡張機能 ...
【Chrome Extension】Manifest V3だとService WorkerでDOMParserが現状使えないので、jsdomをインストールする
![](https://takumi-oda.com/blog/wp-content/uploads/2020/04/JavaScriptjpg-150x150.jpg)
そもそもなんでService WorkerでDomParseが使えないの?
そういう仕様だからと言ってしまうとそれまでだけど、以下にもできないことは明記されていた。
ただ、以下見ていると、DOMParserが使えないのはCh ...
Chrome拡張機能の開発中にManifestをV2からV3変えて動かなくなったので調査
![](https://takumi-oda.com/blog/wp-content/uploads/2020/04/JavaScriptjpg-150x150.jpg)
結論
まずは、結論から。
chromeの拡張機能のService Worker上で他オリジンにアクセスしてレスポンスを取得する場合(つまり、オリジン間リソース共有 (CORS))
・axiosは使えない。axio ...
Chrome拡張機能をTypeScriptで作るためのテンプレートを作った
![](https://takumi-oda.com/blog/wp-content/uploads/2021/06/ts-logo-round-256-150x150.png)
お仕事でChromeの拡張機能を作りました。
その時はJavaScriptで作ったんですが、以前からTypeScriptで何か作りたいなと思っていたので、とりあえずテンプレートでも準備しておこうと思った次第です。
...
JSONオブジェクトをTypeScriptクラスにキャストする方法
![](https://takumi-oda.com/blog/wp-content/uploads/2021/06/ts-logo-round-256-150x150.png)
経緯
Chromeの拡張機能をTypeScriptで作っていた。
その際に、chrome.tabs.sendMessageで転送したデータを受け取るときに元のclass/interfaceで受け取れなかった。
s ...