我第一次做Chrome擴展。我把它加載到Chrome extensions上，沒有任何錯誤，但是我的代碼似乎沒有做任何事情。我試圖編輯代碼并查找錯誤，但是在解決了所有錯誤之后，結果還是一樣。不管我怎么努力，出現的都是一個白色的小方塊，什么也沒發生。擴展的目的是顯示一個可愛的小貓圖片作為當前頁面的背景。我將在我的manifest.json文件中顯示一個片段:

{
    "manifest_version": 3,
    "name": "Cute Kitten Homepage!",
    "version": "1.0.0",
    "description": "This extension shows an adorable kitten from google for the current page",
    "author": "Nina Hodges",
    "content_scripts": [
   {
      "matches":    ["<all_urls>"],
      "css":        ["main.css"]
   }
],
    "action":{
         "default_popup": "index.html",
         "default_title": "Cute Kitten Homepage",
         "default_icons": 
"https://www.petbarn.com.au/media/wysiwyg/featured_foodfinder.gif"
         }
}

我還有一個index.html和main.css文件。下面是main.css文件:

body#gsr.hp.vasq {
  background-image: url(“https://en.bcdn.biz/Images/2018/6/12/27565ee3-ffc0-4a4d-af63-ce8731b65f26.jpg");
}
div.gb_xe.gb_R.gb_Me.gb_Ee {
  font-weight: bold;
  font-size: 15px;
}