显示书签图标

Question

所以我正在研究 Chrome 管理用户书签的扩展。我想要做的是显示一个框 (a div)，显示与每个书签关联的图像及其下方的名称。我能够获得标题和 url 的东西。但是我无法检索与每个书签关联的图标。

有人能告诉我怎么做吗？

作为参考，我的 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

将 chrome://favicon/ 添加到 manifest.json

permissions

icon.style.backgroundImage = 'url(chrome://favicon/' + current_bookmark.url + ')';

有关详细信息，请参阅 Issue 45474。

显示书签图标

Display icon of Bookmark

javascript

bookmarks

google-chrome-extension