如何用javascript创建书签文件夹

Question

我正在查看书签.create()的MDN Javascript API示例。我正在尝试实现他们必须学习如何创建文件夹的例子:

function onBookmarkAdded(bookmarkItem) {
  console.log("Bookmark added with ID: " + bookmarkItem.id);
}
chrome.bookmarks.create({
  title: "bookmarks.create() on MDN",
  url: "https://developer.mozilla.org/Add-ons/WebExtensions/API/bookmarks/create"
}, onBookmarkAdded);

据我所知，这没有任何作用。任何帮助或其他例子如何使书签文件夹将非常感激。

Answer 1

假设您已将"bookmaks"添加到清单中的permissions。Json 文件，那么您的代码将按照编写的方式创建书签。因为你的清单。Json 文件不包含在问题中，我们无法确定这是否是问题。

要创建书签文件夹，要么省略url属性，要么在传递给bookmark.create()的对象中提供url:null

下面是经过测试的完整扩展(在FF48.0.2和开发版ff50.02 a2上)。它被包裹在代码中，允许在单击browser_action按钮时创建书签。我发现，当点击browser_action按钮时，而不是只在安装/Firefox运行时，更容易执行测试。它将:

1. 创建一个标题和链接:bookmarks.create() on MDN的书签
2. 创建书签文件夹My Bookmark Folder A
3. 创建书签文件夹My Bookmark Folder B
4. 在My Bookmark Folder B
中创建书签文件夹My Bookmark Folder B.1

所有这些都是在"其他书签"下创建的，因为没有parentId是在调用bookmark.create()时提供的任何一个不是这个扩展创建的书签文件夹的孩子。

background.js :

//* For testing, open the Browser Console
try{
    //alert() is not supported in Firefox. This forces the Browser Console open.
    //  This abuse of a misfeature works in FF49.0b+, not in FF48
    alert('Open the Browser Console.');
}catch(e){
    //alert() throws an error in Firefox versions below 49
    console.log('Alert() threw an error. Probably Firefox version below 49.');
}
//*
chrome.browserAction.onClicked.addListener(function(tab) {
    doBrowserAction();
});
function doBrowserAction(){
    console.log('Background: Doing action');
    createABookmark();
    createABookmarkFolder();
    createABookmarkFolderWithinABookmarkFolder();
}
function onBookmarkAdded(bookmarkItem) {
  console.log("Bookmark added with ID: " + bookmarkItem.id, bookmarkItem);
}
function createABookmark(){
    chrome.bookmarks.create({
      title: "bookmarks.create() on MDN",
      url: "https://developer.mozilla.org/Add-ons/WebExtensions/API/bookmarks/create"
    }, onBookmarkAdded);
}
function createABookmarkFolder(){
    chrome.bookmarks.create({
      title: "My Bookmark Folder A",
      url: null
    }, onBookmarkAdded);
}
function createABookmarkFolderWithinABookmarkFolder(){
    chrome.bookmarks.create({
      title: "My Bookmark Folder B",
      url: null
    }, bookmarkItem => {
        onBookmarkAdded(bookmarkItem);
        chrome.bookmarks.create({
          title: "My Bookmark Folder B.1",
          url: null,
          parentId: bookmarkItem.id
        },onBookmarkAdded 
        );
    });
}

manifest.json :

{
    "description": "Create a bookmark on browser_action button click",
    "manifest_version": 2,
    "name": "Demo: Create Bookmark",
    "version": "0.1",
    "applications": {
        "gecko": {
            //Firefox: must define id to use some features (e.g. option_ui)
            "id": "[e-mail]",
            "strict_min_version": "48.0"
        }
    },
    "permissions": [
        "bookmarks"
    ],
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "browser_action": {
        "default_icon": {
            "32": "myIcon.png"
        },
        "default_title": "Do Action",
        "browser_style": true
    }
}

显然，如果你打算在不止一个演示中使用各种函数，你会想让它们更通用(即传递回调，书签属性等)。

注意:请参阅本回答的"在Firefox中测试和开发web扩展的一般注意事项"部分。您的声明，"据我所知这没有任何作用"，意味着您没有查看浏览器控制台的错误消息或控制台日志。