Question

我想创建一个扩展程序，该扩展程序会对搜索页面中所有<ul>的点击作出反应，并用边框包围它们。问题是代码不起作用，点击扩展图标不会搜索任何内容。

mainfest.json：

{
  "name": "My First Extension",
  "version": "1.0",
  "background_page": "background1.html" ,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"  
  },
  "permissions": [
    "tabs", "http://*/*","https://*/*"
  ]
}

background1.html：

<!doctype html>
<html>
  <head>
    <title>Background Page</title>
    <script src="js/jquery-1.3.2.min.js"></script>
    <script>
    function ul_checker(){
        $('ul').addClass('ul_style');
        $('ul').append('<div class="close">X</div>');
        $('.close').addClass('style2');         
    }
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript(null,
{code:"ul_checker()"});

});
    </script>
  </head>
  <body>
  </body>
</html>

Answer 1

您的扩展程序类型为内容脚本。您必须指定将在页面上运行的脚本，请参阅官方documentation的清单和说明。我假设您必须将jquery包含为内容脚本:)。

因此，根据文档，您必须在manifest.json中添加以下内容：

"content_scripts": [
    {
      "js": ["js/jquery-1.3.2.min.js"]
    }
  ],

Chrome扩展程序onclick问题

1 个答案: