拡張への道#3
昨日の拡張
「アイコンを押すとサイト背景が緑になって音が鳴る」
manifest.json
{
"name":"My practice Extention 02",
"version": "0.1",
"manifest_version":2,
"description":"dotinstallの背景色を変える",
"permissions":[
"tabs","http://*/*","https://*/*"
],
"background":{
"scripts":["background.js"]
},
"browser_action":{
"default_icon":"iconkami.png",
"default_title":"My Second Extension"
}
}
background.js
chrome.browserAction.onClicked.addListener(function() {
chrome.tabs.executeScript(null, {
"code": "document.body.style.backgroundColor='green'"
});
var myAudio = new Audio(); // create the audio object
myAudio.src = "nc87906.mp3"; // assign the audio file to its src
myAudio.play(); // play the music
});
本日の拡張への道
背景色は変えられたので次は画像を指定して敷き詰めようとした
フリー素材のラーメンの画像(jpeg)をファイルに入れ
"code": "document.body.backgroundImage='rrr.jpg'" に書き換え
この時点でサイトの背景に変化は無いが音は鳴る状態
画像を敷き詰める命令 "background-repeat: repeat" を
入れた途端に反応しなくなった
明日へ続く
参考サイト