使用我的Chrome擴展更改Google搜索頁面的背景

Question

我試圖創建我的第一個Chrome插件，當用戶單擊新選項卡按鈕時，它將隨機圖片作爲其背景打開Goog​​le頁面。截至目前，我不太確定，如何用隨機圖片更改Google搜索頁面的背景。有沒有提供的谷歌API？至於我谷歌搜索，早些時候谷歌已經「改變背景圖像」的圖標，但現在他們停止了這種支持。在這裏，我可以如何將Google搜索頁面的背景更改爲不同的顏色或使用不同的背景圖像。我試着用以下js代碼。請建議或重定向我的方法。任何幫助將不勝感激。

window.open("http://www.google.com", "_self"); 
window.onload = function() { 
    document.body.style.background = 'red'; 
}; 

而且下面的腳本將改變目前的HTML頁面 但如何通過注射這種改變第三方網頁的背景的背景。

<script> 
function myFunction() { 
    document.body.style.backgroundColor = "#f3f3f3"; 
    document.body.style.backgroundImage = "url('xyz.png')"; 
} 
</script> 

Answer 1

我自己找到了答案。

window.onload = function() { 
    document.body.style.backgroundImage = 'url("chrome-extension://@'+chrome.runtime.id+'/icon.png")'; 
}; 

這會加載我的谷歌搜索頁面的背景圖片。 謝謝。

Answer 2

它看起來像身體蠕蟲，你應該用元素替換它。在Chrome使用F12檢查你看到的背景顏色與

element.style { 
background: rgb(255, 255, 255); 
} 

定義如果不wan't代碼，已經有多個後臺插件，並有很多主題，其中鉻的主題插件我肯定的是，他們中的一些人接受自定義圖像/顏色。