在Chrome插件中显示HTML内容网络通知

时间:2016-12-06 06:19:19

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

我正在为我的网络应用程序开发一个chrome插件。

在此插件中,我需要将网页通知显示在页面右下方的其他网页中。

因此,在此Web通知中,我想使用JQuery在通知中显示html脚本。我试过下面的代码。

    var jsonarray = JSON.parse(res);
    var htmlData = '';

jQuery.each(jsonarray, function(v) {

    name    = jsonarray['name'];
    img = jsonarray['img'];
    pageurl = jsonarray['pageurl'];

    Adata = '<div class="wtb-popup-opt" style="background-color: red;">'+
                '<a class="wtb_popup_pd_plink" href="'+pageurl+'" target="_blank">'+
                '<div class="wtb-popup-opt-pd wtb-popup-opt-o" wtb-tn="first">'+name+'</div>'+
                '</a>'
             '</div>';
    htmlData    =   htmlData+Adata;

});
var title = 'Similar Products';  
new Notification(title, {
    icon: 'icon.png',
    body: htmlData
  });

在上面的代码中, htmlData 是html div内容。我想将这个html内容显示在网络通知中。

任何人都可以帮我将html页面显示为通知。

1 个答案:

答案 0 :(得分:0)

我认为您不能使用基于html的通知,因为它已deprecated。但是,您可以使用rich notifications