【ツール】Chrome拡張機能開発

2024-07-12

Chrome拡張機能の開発

ここに画像の説明を挿入します

導入事例については、[ Googleプラグイン公式サイト公式ドキュメント 】大まかな手順を中心に説明した公式入門チュートリアルをご覧ください。

Chrome Extenson には固定の足場がないため、開発者自身のニーズに応じて (たとえば、Vue、React、その他のフレームワークを使用して) プロジェクトを構築し、構築が完了した後に作成または導入する必要があります。manifest.jsonファイルするだけ
Chrome 拡張機能プロジェクトのすべての設定は次のとおりです。manifest.jsonで準備
Chrome拡張機能 manifest.jsonドキュメントの設定項目にアクセスできます【マニフェスト文書】
Chrome 拡張機能には、開発者が拡張機能の開発を学習できるように、単純なタブ管理拡張機能のサンプルも提供されています。

入門チュートリアルを通じて、Chrome 拡張機能のすべての操作がchromeAPI メソッドはオブジェクトによって提供されるため、高度な拡張機能開発を学びたい場合は、すべての API メソッドを理解し、精通している必要があります。API，【公式APIアドレス】

Chrome 拡張機能のドキュメントバージョンは次のように分かれています。Manifest V2そしてManifest V3、最新に開発された拡張機能は基本的に V3 バージョンを使用しており、V2 の多くの API は間もなく廃止されます。
左側のメニューをクリックすると、ドキュメントのバージョンを切り替えることができますManifest V2そしてManifest V3切り替えるタイトル

Chrome はブラウザ拡張機能を一定の間隔で自動的に更新します。Chrome 拡張機能には拡張機能を配布する 2 つの方法があります。

Chrome ストア (App Store): Google デベロッパーセンターにコード圧縮パッケージをアップロードして拡張機能をリリースします。詳細な手順については、「」を参照してください。Chrome ストア公開拡張機能】
セルフホスティング: 名前が示すように、パッケージ化された拡張機能ファイルを自分でホストし、拡張機能の更新アドレスを定義して、拡張機能のリリースを実装するのが最も安全で効果的な方法だと個人的には考えています。詳細な手順については、[を参照してください。自己ホスト型パブリッシング】

Chrome 拡張機能の開発は、対応する開発プロセスに従うだけで比較的簡単です。そのため、この記事にはコードは記述されていません。