以下のサイトを参考にして、とりあえず動かしてみた。
https://qiita.com/k__watanabe/items/4777ecf1242927768b53
file:///C:/Users/twilo/PycharmProjects/build/にダウンロードした。
へもう一度、marquee をblinkに変更して、動くことを確認。
さらに、
$("body").prepend('<div class="txt">Hello World!</div>');
や
window.alert('アプリ開いたね!');
などを入れて、動作を確認した。
あと、popupからメッセージを送って、content側で受け取れることを確認。
chrome.runtime.onMessage.addListener(function(msg) {
//$("body").css("background-color", msg.color);
window.alert(msg.color);
})
最後に、$()を使うときは、jquery.jsを先に読み込むこと。
js": ["js/jquery-3.2.1.min.js", "js/background.js"],
明日は、backgroundを使って、
http://degitekunote.com/blog/2016/11/02/chrome-extension/や
https://qiita.com/guru_taka/items/37a90766f4f845e963e5
を拡張してみたい。