chrome扩展background.js

时间:2014-09-03 10:44:54

标签: javascript jquery google-chrome google-chrome-extension

我无法使用自定义Chrome扩展程序在页面内容中调用我的jQuery hide主体。

background.js

function getClickHandler() {
  return function(info, tab) {

    // The srcUrl property is only available for image elements.
    //var url = 'info.html#' + info.srcUrl;

    // Create a new window to the info page.
    //alert(info.srcUrl);

    //chrome.windows.create({ url: url, width: 520, height: 660 });
  };
};



window.addEventListener("load", initialize);



function initialize(){
    if(jQuery){
        alert('yes');
    }else{
        alert('no');
    }
    jQuery('body').hide();
}

chrome.contextMenus.create({
  "title" : "Get image info",
  "type" : "normal",
  "contexts" : ["image"],
  "onclick" : getClickHandler()
});

manifest.js

{
  "name" : "Imageinfo",
  "version" : "1.0.1",
  "description" : "Get image info for images, including EXIF data",
  "background" : { "scripts": ["jQuery.js", "background.js"] },
  "permissions" : [
    "contextMenus",
    "tabs",
    "http://*/*",
    "https://*/*"
   ],
  "minimum_chrome_version" : "6.0.0.0",
  "icons" : {
    "16" : "imageinfo-16.png",
    "48" : "imageinfo-48.png",
    "128" : "imageinfo-128.png"
  },
  "manifest_version": 2
}

我只想在这个例子中隐藏身体。我确实得到了“是”'警报,但在此之后没有。也许我错过了清单2的东西。我尝试了一些例子,但它没有用。

谢谢。

1 个答案:

答案 0 :(得分:0)

你确定你的清单是正确的吗?

尝试更正您的清单以匹配此

{
  "name" : "Imageinfo",
  "version" : "1.0.1",
  "description" : "Get image info for images, including EXIF data",
  "manifest_version": 2,

  "icons" : {
  "16" : "imageinfo-16.png",
  "48" : "imageinfo-48.png",
  "128" : "imageinfo-128.png"
},


  "background": {
    "page": "background.html"
  },

  "permissions": [ 
  "contextMenus",
  "tabs",
  "http://*/*",
  "https://*/*"
 ],
 "web_accessible_resources": [
    "jquery.js"
  ],
 "content_scripts": [
    {
      "js": ["jquery.js"]
    }
  ]
}

您需要创建一个background.html页面,其<head>标记

中包含以下内容
<script type="text/javascript" src="background.js"></script>
<script type="text/javascript" src="jquery.js"></script>