javascript - 显示书签图标

Question

所以我正在开发一个管理用户书签的 Chrome 扩展。我想要做的是显示一个框(div)，其中显示与每个书签关联的图像及其下方的名称。我能够让标题和网址内容正常工作。但我无法检索与每个书签关联的图标。

有人可以告诉我该怎么做吗？

作为引用，我的 JS 文件是:

function list_bookmarks(bookmarks){
var i;
for ( i=0; i<bookmarks.length ; i++) {

  console.log("Works" + i);
  var current_bookmark = bookmarks[i];
  if(current_bookmark.url) { 

  var icon = document.createElement('div');
  icon.id = "pict";
  icon.style.backgroundImage = current_bookmark.FAVICON; // Something here *
  document.body.appendChild(icon);

  var item = document.createElement('a');
  item.className = 'block';
  var linkText = document.createTextNode(current_bookmark.title);
  item.appendChild(linkText);
  item.title = current_bookmark.title;
  item.href = current_bookmark.url;
  document.body.appendChild(item);


   console.log(current_bookmark.title);    }
 if(current_bookmark.children){  list_bookmarks(current_bookmark.children);}                

}

 }


window.onload = function(){ 
console.log("Listing Bookmarks Now :");
chrome.bookmarks.getTree(function(list){

   list_bookmarks(list);    

 });
  };

非常感谢。:)

Answer 1

1. 将 chrome://favicon/ 添加到 manifest.json 中的 permissions 字段
2. icon.style.backgroundImage = 'url(chrome://favicon/' + current_bookmark.url + ')';

参见Issue 45474了解更多详情。