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

Question

我正在为我的Web应用程序开发一个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内容显示到Web通知中。

任何人都可以帮助我像HTML页面一样显示在通知中。

Answer 1

我认为您无法在不推荐使用时使用基于HTML的通知。但是，您可以使用丰富的通知。