Chrome 拡張の全体像 Chrome 拡張のざっくりとした全体像を図にまとめてみました。 機能ごとに説明します。 ポップアップウィンドウの表示 拡張アイコンクリック時にポップアップウィンドウを表示できます。 popup と呼ばれています。 既存ページの DOM へのアクセス 任意のウェブサイトの DOM にアクセスし、情報を取得したり、改変したりできます。 content_script と呼ばれています。 html ファイルの表示 通常のウェブサイトのように任意の html + js ファイルを表示、動作させることができます。 ブラウザ自体の機能や外部 API へのアクセス ブックマーク / クッキー / タブ など、ブラウザ自体が有する多くの機能にアクセスすることができるのがbackground です。 popup や content_script は通常のフロントエンドのように C