Question

我想在Chrome中创建插件。除了Chrome插件图标中的在线流媒体数量外，我几乎可以完成我想要的所有内容。

我把文字＆＃34;检查＆＃34;

Link to preview 'Check'

但是我希望在这个地方看到网上流媒体的数量，或者如果有人来自流媒体，那么将是文字＆＃34; On＆＃34;。

有人可以帮助我吗？

将文字放在那个地方是代码：在.js副本行：

chrome.browserAction.setBadgeText（{text：＆＃39; On＆＃39;}）;

我试着这样想：

popup.js

var clientID = 'API-KEY';
var baseKraken = 'https://api.twitch.tv/kraken/';

function getKrakenAPI(endpoint, data, method) {
    return $.ajax({
            url: baseKraken + endpoint,
            method: method,
            data: data,
            dataType: 'json',
            headers: {
                'Client-ID': clientID,
                Accept: 'application/vnd.twitchtv.v5+json'
            }
        });
}

getKrakenAPI(
        'streams',
        {
            channel: [ 'ivelios_christopher', 'esl_sc2' ]
        }
    )
.done(function(data) {
        if(data._total > 0) {

    chrome.browserAction.setBadgeText( { text: "On" } );

        }
    });

但是从某些原因不起作用，任何提示/帮助？

的manifest.json

{
  "name": "My Bookmarks",
  "version": "1.1",
  "description": "A browser action with a popup dump of all bookmarks, including search, add, edit and delete.",
  "permissions": [
    "bookmarks",
        "*://*.twitch.tv/*"
  ],
  "browser_action": {
      "default_title": "My Bookmarks",
      "default_icon": "icon.png",
      "default_popup": "popup.html"
  },
  "manifest_version": 2,
  "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'",
"background":
{
    "scripts":["jquery-3.2.1.min.js"],
  "scripts":["popup.js"]

}
}

popup.html

    <html>
    <head>
<script src="jquery-3.2.1.min.js"></script>
      <script src="popup.js"></script>

    </head>
    <body>
      <iframe src="#" height="550" width="600" frameborder="0"></iframe>
    </body>
    </html>

感谢。

最佳， Ivelios

插件中Chrome图标中的Twitch数字在线流媒体

0 个答案: