8

我正在尝试在 Chrome 扩展中编写一个更好的书签管理器。问题是没有关于如何实际使用bookmarksAPI的简单示例(我可以找到) 。

我查看了示例源(当我 d/led 并将其安装在我的计算机上时,它除了提供一个搜索框外什么也没做。键入/键入和按回车键没有做任何事情)并且找不到任何有用的东西.

我的最终目标是制作一个扩展程序,允许我保存页面以供以后阅读,而无需在某处注册某个服务的帐户。所以我计划在根文件夹/其他书签中创建一个或两个书签文件夹 - 至少是一个“未读页面”文件夹。在该文件夹中,我将创建未读书签。当用户将该项目标记为已读时,它将从该文件夹中删除。

所以这就是我想要做的......任何帮助将不胜感激,即使它只是为我指出一些很好的例子。

更新:

...<script>
function display(tree){
   document.getElementById("Output").innerHTML = tree;
}
function start(){
   chrome.bookmarks.getTree(display);
}
</script>
</head>
<body>
<h4 id="Output"></h4>
<script>
 start();
</script>
...

这显示[object Object],这表明(至少对 JavaScript 经验有限的我而言)存在一个对象。但是如何访问该对象的成员呢?

更改treetree.id或任何其他看起来是参数显示undefined

4

3 回答 3

11

目前,在书签 API 中没有找到“其他书签”或“书签栏”等文件夹的好方法。您必须遍历所有书签并找到哪个节点具有这些根文件夹并保存其书签 ID。该错误已提交Issue 21330

root id 始终为 0,当我的意思是 0 时,它对应于“书签栏”和“其他书签”。与任何树结构一样,每个节点都有子节点。如果要获取一个文件夹下的所有书签,可以使用 getChildren API 并递归获取每个节点(也可以迭代)。例如,以下将获取每个书签:

printBookmarks('0');

function printBookmarks(id) {
 chrome.bookmarks.getChildren(id, function(children) {
    children.forEach(function(bookmark) { 
      console.debug(bookmark.title);
      printBookmarks(bookmark.id);
    });
 });
}

现在,为什么我们必须为每次迭代调用 API?他们是获取整个树的 API。如果您尝试过,您会看到 getTree 中的每个节点都有一个子节点列表。这是完美的:

chrome.bookmarks.getTree(function(bookmarks) {
  printBookmarks(bookmarks);
});

function printBookmarks(bookmarks) {
  bookmarks.forEach(function(bookmark) {
    console.debug(bookmark.id + ' - ' + bookmark.title + ' - ' + bookmark.url);
    if (bookmark.children)
      printBookmark(bookmark.children);
  });
}

就是这样,你也可以迭代地做这一切,这是更好的性能,但你可以弄清楚:) 请注意,由于你想重做书签栏,你可以在扩展中覆盖该页面(很快): http:/ /code.google.com/chrome/extensions/override.html

如果您想显示一个漂亮的书签 HTML 树,您可以通过扩展我上面展示的 getTree 功能来接受父 DOM 来轻松做到这一点。你可以做这样事情。编辑代码以使用 getTree 或折叠所有内容并使用 getChildren 并在他们请求时获取更多书签。

于 2010-05-11T23:10:25.760 回答
2

书签以树的形式组织,树中的每个节点要么是一个书签,要么是一个组(可以包含节点的文件夹)。树中的每个节点都由一个 BookmarkTreeNode 对象表示。

在文件系统对象的意义上,没有根书签文件夹。所有书签都存储在一个结构化文件中,您可以通过您提供的链接中的 api 访问该文件。树的根由 getTree 返回:

chrome.bookmarks.getTree
于 2010-05-11T17:05:53.027 回答
1

好的,我已经发现了如何访问我想要的东西。回想起来,我应该早点看到它。

http://code.google.com/chrome/extensions/tut_debugging.html

使用调试器,我能够设置断点并查看对象。[object Object] 是一个长度为 1 的数组。

使用我的示例中给出的函数,tree[0].children 是包含孩子的数组。在我的默认设置树上有两个孩子,tree[0].children[0] 是“书签栏”,而 tree[0].children[1] 是“其他书签”。书签树的其余部分从那里向下流动,尽管“其他书签”(tree[0].children[1]) 是我正在寻找的文件夹。

于 2010-05-11T22:33:14.960 回答