Chrome Extension 4 - 백그라운드 변경하기

Chrome Extension 4 - 백그라운드 변경하기

컨텐츠 페이지의 백그라운드를 변경 하기 위해 아래 코드를 추가 하였다.

chrome.tabs.executeScript({
code: 'document.body.style.backgroundColor="'+num+'"'
});


위의 코드에서 알수 있듯이 서로 통신을 하기 위해서 부수적으로 붙는 코드가 있다는것을

생각 하여야 한다.

popup.js

$(function() {
var count = 0;
$("#add").click(function() {
count ++;
if(count >= 10000) {
count = 9999;
}
$("#count").html("count = " + count);
convertColor(count);
});

$("#sub").click(function() {
count --;
if(count <= 0) {
count = 0;
}
$("#count").html("count = " + count);
convertColor(count);
});

});

function convertColor(num) {
num = num % 8
if(num == 0) num = '#ffffff';
else if(num == 1) num = '#000000';
else if(num == 2) num = '#0000ff';
else if(num == 3) num = '#00ff00';
else if(num == 4) num = '#00ffff';
else if(num == 5) num = '#ff0000';
else if(num == 6) num = '#ff00ff';
else if(num == 7) num = '#ffff00';

chrome.tabs.executeScript({
code: 'document.body.style.backgroundColor="'+num+'"'
});
}


네이버 메인 페이지에서 버튼을 눌러보면 네이버 배경이 변경 되는것을 확인할 수 있다.