環境構築

確か以前Chrome拡張機能の開発環境構築について記事を書きました。

あれからだいぶ時間が経って、ちょっとした拡張機能を作成したいなと思ったので最近の拡張機能の開発環境がどうなっているのか調査しました。

今回、 ...

環境構築

こちらの対応をやっていたら発生した問題。

早速エラーの内容

Refused to load the script 'chrome-extension://907319db-4707-4aef-9911-db55 ...

Firebase, JavaScript

解決策としては、popup.htmlとかで認証処理する。

"action": { "default_popup": "popup.html" }

以下エラーとなったコード。

const app = initialize ...

JavaScript

公式のgithubのサンプルプロジェクトをみていきます。

chrome.actionについて

Chrome action APIは、chromeのバージョン88以上で、 Manifestのバージョンは3以上で使用できます。

JavaScript

プロジェクトの準備

例として、以下よりリポジトリをcloneしてくる。

chrome拡張機能をインストールする。

拡張機能の画面を開く

デベロッパーモードを有効にする。

パッケージ化されていない拡張機能 ...

JavaScript

そもそもなんでService WorkerでDomParseが使えないの？

そういう仕様だからと言ってしまうとそれまでだけど、以下にもできないことは明記されていた。

ただ、以下見ていると、DOMParserが使えないのはCh ...

JavaScript

結論

まずは、結論から。

chromeの拡張機能のService Worker上で他オリジンにアクセスしてレスポンスを取得する場合(つまり、オリジン間リソース共有 (CORS))

・axiosは使えない。axio ...

JavaScript, 環境構築

お仕事でChromeの拡張機能を作りました。
その時はJavaScriptで作ったんですが、以前からTypeScriptで何か作りたいなと思っていたので、とりあえずテンプレートでも準備しておこうと思った次第です。

...

未分類

経緯

Chromeの拡張機能をTypeScriptで作っていた。

その際に、chrome.tabs.sendMessageで転送したデータを受け取るときに元のclass/interfaceで受け取れなかった。

s ...