javascript - Chrome 通知

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 4 年前。

Improve this question

今天，我写了一段创建Chrome通知的JS代码。当 freecodecamp 直播开启时，应该会弹出此通知。目前，只有当我按下浏览器的右上角时才会弹出(有所有插件)。

我只需要一些信息。

-如何在直播开启时弹出通知？

-直播已经开启但用户刚刚打开浏览器时如何弹出通知？

-如何让用户每次点击右上角的插件时，即使直播处于离线状态，也不会弹出此通知？

-如何将脚本 JS 与 href 连接起来。单击通知后将用户带到新页面？

如果您不明白我想做什么，请直接说出来，我会尽力解释。

var options= {
    type: "basic",
    title: "it works!",
    message: "message",
    iconUrl: "icon.jpeg",

};



$.ajax({
    type: 'GET',
    url: 'https://api.twitch.tv/kraken/streams/freecodecamp',
    headers: {
      'client-ID' : '3g6rgcf48hcrlo3abbf7k3q13aqje0'
    },
    success: function(data6){
        if(data6.stream!==null){

            chrome.notifications.create(options, callback);

function callback(data5) {
    if(data5.stream===null){
    console.log("offline")
    }
    else {
        console.log('online')
    }
}  
        }



        else{
            console.log('error')
        }
    }
})

Answer 1

让我们一一分解。

-如何在直播开启时弹出通知？

您需要池化 api，它可以为您提供已打开的流的状态。

-如何在直播已经开启但用户刚刚打开浏览器时弹出通知？

请查看第 1 点回复。

-如何让用户每次点击右上角的插件时，即使直播处于离线状态，也不会弹出此通知？

您需要在点击事件或启动插件事件上放置一个逻辑来处理这种情况。

-如何将脚本 JS 与 href 连接起来。单击通知后会将用户带到新页面？

在 href 中设置“#”或“javascript:void(0);”不带引号并附加一个点击事件。在附加事件回调函数中，您可以编写业务逻辑。