镀铬扩展图标下的数字

时间:2012-11-27 14:12:06

标签: php javascript google-chrome-extension icons

有人可以告诉我如何将chrome.browserAction.setBadgeText函数放在chrome扩展中的图标下显示数字。这个数字需要从php文件的变量中获取,但它可以在chrome.php之外的另一个文件中。 我的档案:

的manifest.json:

{
  "name": "Mysite",
  "version": "0.9.1",
  "manifest_version": 2,
  "description": "My Description.",
  "browser_action": {
      "default_icon": "icon.png",
      "default_popup": "chrome.html"
  },
  "permissions": [
    "http://www.mysite.com/",
    "tabs"
  ]
}

于chrome.html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MySite</title>
<script src="ajax.js"></script>
<link rel="stylesheet" href="styles.css" type="text/css" media="all">
</head>
<body>
<div id="resultado" style="font-family: Arial;"></div>
</body>
</html>

ajax.js:

window.onload = function() {
var XHR = new XMLHttpRequest;
chrome.tabs.query({
 active: true,
 currentWindow: true
}, function(tab) {

tabUrl = tab[0].url;
XHR.open('GET', 'http://www.mysite.com/chrome/chrome.php?tab=' + tabUrl + '', true);
XHR.onreadystatechange = function() {
  if(4 == this.readyState) {
    var status = this.status;
    if(400 > status) {
      var responseText = this.responseText;
      if(responseText) {
        document.getElementById('resultado').innerHTML = responseText;

      }
    }
  }
};
XHR.send();
});
};

1 个答案:

答案 0 :(得分:0)

  

“权限”:[       的 “http://www.mysite.com/”下,       “标签”]

匹配模式不正确。请改用“http://www.mysite.com/ ”*。有关详细信息,请查看https://developer.chrome.com/extensions/match_patterns.html