[Chrome extension] 高速勉強 #3「background処理」

Pocket
LINEで送る
GREE にシェア
LinkedIn にシェア

Chromeエクステンションを使うとChromeブラウザをカスタマイズできます。
ブラウザをカスタマイズできると、自分の使いやすいブラウザが構築できるようになります。
もし仮にWEB関連の仕事をしているとしたら、テストや検証のツールを作ることなどは簡単にできます。
こりゃあ、覚えておくと、仕事の効率がアップするって事だな・・・って考えたんですが、浅はかでしょうか?

background処理

目的

拡張機能のアイコンをクリックするだけでページの背景色を変更する

リンク

#09 クリックだけで背景色を変えてみよう

目的

popupウィンドウを表示せずにIconをクリックしただけで背景色を変更する。

作業

「ex2」をフォルダ毎コピーして「ex3」を作成

必要なファイル

icon19.png
icon19
manifest.json
background.js

1、manifest.json

2、background.jsの作成

* 参考
– https://developer.chrome.com/extensions/browserAction#event-onClicked
– chrome.browserAction.onClicked.addListener(function callback)

* 解説
function callback : スクリプトが起動された時に実行されるコード

3、確認

・拡張機能に登録
・アイコンボタンをクリックしてページの背景色が変更されることを確認(緑色になるだけ)

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です