はじめての Chrome 拡張 最小構成ハンズオン - Qiita

はじめに これは初めて Chrome 拡張を作る人が超基本を理解するのを手助けするための資料です。 ユニークビジョン社内のハンズオン勉強会の資料として作りました。 Chrome 拡張の全体像 Chrome 拡張のざっくりとした全体像を図にまとめてみました。 機能ごとに説明します。 ポップアップウィンドウの表示 拡張アイコンクリック時にポップアップウィンドウを表示できます。 popup と呼ばれています。 既存ページの DOM へのアクセス 任意のウェブサイトの DOM にアクセスし、情報を取得したり、改変したりできます。 content_script と呼ばれています。 html ファイルの表示 通常のウェブサイトのように任意の html + js ファイルを表示、動作させることができます。 ブラウザ自体の機能や外部 API へのアクセス ブックマーク / クッキー / タブ など、ブラウ