gpt4 book ai didi

javascript - 显示 Chrome 扩展程序的通知

转载 作者:行者123 更新时间:2023-11-28 20:42:22 24 4
gpt4 key购买 nike

我刚刚构建了一个简单的 Chrome 扩展来显示特定关键字的推文。效果很好。每次有新推文出现时,如果用户单击扩展程序图标,就会显示该推文。

但是有没有办法在扩展程序图标中显示一些通知以指示检索到新数据?

这是我的 JavaScript 代码

var req=null;
window.onload = function() {
req = new XMLHttpRequest();
req.open("GET", "http://search.twitter.com/search.atom?q=20SongsThatILike", true);
req.onload = showTweets;
req.send(null);
}

function showTweets() {
var title=req.responseXML.getElementsByTagName('title')[1].childNodes[0];
var author=req.responseXML.getElementsByTagName('author')[1].childNodes[0].childNodes[0];

document.body.appendChild(title);
}

这是我的 html 代码

<html>
<head>
<title>Getting Started Extension's Popup</title>
<style>
body {
min-width:357px;
overflow-x:hidden;
}

img {
margin:5px;
border:2px solid black;
vertical-align:middle;
width:75px;
height:75px;
}
</style>

<!-- JavaScript and HTML must be in separate files for security. -->
<script src="script.js"></script>
</head>
<body>
</body>
</html>

这是manifest.json

{
"name": "My First Extension",
"version": "1.0",
"manifest_version": 2,
"description": "The first extension that I made.",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": [
"http://search.twitter.com/*"
]
}

最佳答案

你可以使用

chrome.browserAction.setBadgeText({text: '<number_of_new_teets>'});

此代码将在 y 的图标上放置一个数字

关于javascript - 显示 Chrome 扩展程序的通知,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14140995/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com