#04 拡張機能を読み込んでみよう

#04 拡張機能を読み込んでみよう

Google Chrome拡張機能入門の動画、
#04 拡張機能を読み込んでみようを見ました。

 

Chromeで、
ツール

拡張機能

デベロッパーモードにチェック

パッケージ化されていない拡張機能を読み込む
で、
●icon ファイル
●manifest.json
●popup.html
が入っているフォルダを選択したらエラーになりました。
manifest.jsonは、文字コードUTF-8で
保存する必要があります。

 

アイコンファイルがうまく読み込めていなかったので、
サイズが小さいものに変えたら、読み込めました。

 

popup.htmlを変更して、幅を変えることもできました。
変更を加えた場合は拡張機能の画面で「リロード」をクリックします。

 

次は
#05 バッジテキストをつけてみよう
です。
Chrome Extensions API リファレンスでは、バッジとは、
アイコンの上に被せられる小さな文字列と書いてありました。
たぶん、携帯とかで、アイコンに「未読3」とか出ているやつのことだと思います。

スポンサードリンク

#04 拡張機能を読み込んでみよう関連ページ

#01 Google Chrome拡張機能とはなにか?
#01 Google Chrome拡張機能とはなにか?
#02 Browser Actionを作ろう (1)
#02 Browser Actionを作ろう (1)
#03 Browser Actionを作ろう (2)
#03 Browser Actionを作ろう (2)
#05 バッジテキストをつけてみよう
#05 バッジテキストをつけてみよう
#06-#08 ページの背景色を変えてみよう
#06-#08 ページの背景色を変えてみよう
#09 クリックだけで背景色を変えてみよう
#09 クリックだけで背景色を変えてみよう
#10-#13 オプション設定を有効にしよう
#10-#13 オプション設定を有効にしよう
#14-#16 Page Actionを作ってみよう
#14-#16 Page Actionを作ってみよう
#17 Content Scriptsを作ってみよう
#17 Content Scriptsを作ってみよう
#18-#19 右クリックからTwitter検索する
#18-#19 右クリックからTwitter検索する
#20 拡張機能を他の人と共有しよう
#20 拡張機能を他の人と共有しよう

プロフィール


 
トップページ メルマガ登録