精神と時の部屋

金令木が 一日一回程度 頑張るところ

拡張への道#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" を

入れた途端に反応しなくなった

 

明日へ続く

 

参考サイト

background-repeat-スタイルシートリファレンス

スタイルシート[CSS]/ページ全般/背景画像の並び方を指定する - TAG index