BrowserActionで背景画像を設定する

Question

私はクロムエクステンションを書く方法を学んでいます。ブラウジングを使ってウェブページの背景色を変えることができます。私は本当に似たようなことをしようとしています。しかし、何らかの理由...それは働いていない、jsの機能は次のとおりです。

function click(e) { 
    chrome.tabs.executeScript(null, 
     {code:"document.body.style.background=url('ffrontier.jpg')"}); 
    window.close(); 
} 

誰も私を助けることができる、私はそれが私のsintaxについて何かあるかなり確信しているが、私はそれを把握するカント？ありがとうございました

Answer 1

プロパティ（ページの背景色を参照）ではなく、background-imageプロパティを変更する必要があります。

function click(e) { 
    chrome.tabs.executeScript(null, 
     {code:"document.body.style[background-image]=\"url('ffrontier.jpg')\""}); 
    window.close(); 
} 

何か注意する：あなたは、変数名に-記号を使用することはできませんのでdocument.body.style.background-imageはエラーをスローします。

document.body.style[background-image] 

Answer 2

UPDATE：URLのような唯一の外部URL（http://www.stackoverflow.com）仕事、NOTローカルファイルを代わりに、オブジェクト構文を使用する必要があります。ごめんなさい。 私は単に引用符を削除しましたurl()と私のために働いている！

function click(e) { 
    chrome.tabs.executeScript(null, 
     {code:"document.body.style.backgroundImage = 'url(ffrontier.jpg)'"}); 
} 

Answer 3

あなたはmanifest.jsonをファイルにリソースを指定する必要がまず第一（Web Accessible Resourcesを参照）、このような：

"web_accessible_resources": ["ffrontier.jpg"] 

第二に、あなたはこのような完全な画像のURLを指定する必要があります。

function click(e) { 
    chrome.tabs.executeScript(null, 
     {code:"var imgURL = chrome.extension.getURL('ffrontier.jpg'); document.body.style.backgroundImage='url(' + imgURL + ')'"}); 
    window.close(); 
}