在Chrome插件中顯示HTML內容Web通知

Question

我正在爲我的Web應用程序開發一個Chrome插件。

在這個插件中，我需要將網頁通知顯示在頁面右下角的其他網頁上。

所以在這個網絡通知中，我想在使用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頁面顯示進入通知。

Answer 1

我不認爲你可以使用基於html的通知，因爲它是deprecated。但是，您可以使用rich notifications。