在页面上显示收藏夹,您需要使用浏览器提供的API来获取用户的收藏夹,然后将其渲染到页面上。以下是一个简单的示例代码:
ja vascript
// 获取收藏夹
const bookmarks = chrome.bookmarks.getTree((bookmarksTree) => {
// 渲染收藏夹到页面上
const bookmarksList = document.getElementById(\'bookmarks-list\');
bookmarksTree.forEach((bookmark) => {
const folder = document.createElement(\'li\');
folder.textContent = bookmark.title;
bookmarksList.appendChild(folder);
if (bookmark.children) {
const subList = document.createElement(\'ul\');
bookmark.children.forEach((child) => {
const item = document.createElement(\'li\');
const link = document.createElement(\'a\');
link.href = child.url;
link.textContent = child.title;
item.appendChild(link);
subList.appendChild(item);
});
folder.appendChild(subList);
}
});
});
请注意,这个示例代码使用了Chrome浏览器的API,如果您使用的是其他浏览器,可能需要使用不同的API来获取收藏夹。