Chrome扩展开发指南(8)——Bookmarks(书签操作)

本指南介绍如何使用Chrome扩展程序中的bookmarks模块进行书签创建、组织等操作,包括在Manifest文件中设置权限、创建书签文件夹与单个书签,并通过实例演示具体实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Chrome扩展开发指南(8)——Bookmarks(书签操作)

我们可以用chrome.bookmarks模块来对书签做创建、组织等操作。

       bookmarks.png 
Manifest

要对书签进行操作,必须要再Manifest文件中设置允许调用书签接口(bookmarks API)。一般像下面这样写:

  1. {
  2.   "name": "My extension",
  3.   ...
  4.   "permissions": [
  5.     "bookmarks"
  6.   ],
  7.   ...
  8. }
复制代码
书签对象和属性

书签以树形机构组织,节点或是一个书签或者是个文件夹(可以包含多个书签)。每个节点都是一个BookmarkTreeNode对象。BookmarkTreeNode对象在接口中会常常用到。比如我们调用create()来创建书签的时候,我们要传递一个这个新节点的父节点(parentId属性),另外还可以传递index(兄弟节点中的排序,0开始), title(标题), url(地址)。


例子

下面代码调用create()创建了一个书签文件夹取名“Extension bookmarks”,第一个参数是个json格式的对象,第二个参数定义了一个函数,这个函数将在创建完书签后调用。

  1. chrome.bookmarks.create({'parentId': bookmarkBar.id,
  2.                          'title': 'Extension bookmarks'},
  3.                         function(newFolder) {
  4.   console.log("added folder: " + newFolder.title);
  5. });
复制代码

下面的例子里创建了一个指向这份开发文档的书签。这代码里面没有定义回调函数(callback function).

  1. chrome.bookmarks.create({'parentId': extensionsFolderId,
  2.                          'title': 'Extensions doc',
  3.                          'url': 'http://code.google.com/chrome/extensions'});
复制代码

更多操作书签的例子可见在basic bookmarks sample找到。

有关BookmarkTreeNode对象的完整定义以及所有的书签函数可以点击这里查看,这部分的内容计划放到最后翻译。

### VSCode 插件使用指南 #### 下载与安装插件 对于希望扩展 Visual Studio Code 功能的用户来说,插件是一个重要的工具。为了获取新的插件,可以访问官方市场或直接在编辑器内部操作。打开Visual Studio Code后,转到侧边栏中的Extensions部分(也可以通过快捷键 `Ctrl+Shift+X` 实现),在此处能够浏览、搜索以及安装各种可用的附加组件[^1]。 #### 安装具体插件实例:vscode-qq 以社交沟通类插件 vscode-qq为例,在上述界面中输入其名称进行查找;定位目标条目后单击“Install”按钮完成部署过程。随后按照提示信息进一步设置参数选项即可正常使用聊天功能[^2]。 #### 使用书签增强编码效率 另一个实用的例子是bookmarks插件,它允许开发者标记代码位置以便日后快速返回查阅。此插件托管于开源平台GitCode上,并提供了详细的文档指导使用者掌握基本命令集和高级特性应用技巧[^3]。 #### 调试支持——Debugger for Chrome 针对Web开发人员而言,Debugger for Chrome 是一款不可或缺的辅助利器。借助这款插件可以在本地IDE环境中实现对JavaScript程序流的有效监控,包括但不限于断点调试、变量观察等功能。值得注意的是,初次启用前需参照官方手册调整好必要的环境配置项如`launch.json`文件等[^4]。 #### 组织个人知识库——Markdown Notes 最后提及一个非常适合记录学习心得和技术总结的日志型插件——Markdown Notes。不同于其他可能涉及复杂路径映射的产品方案,本款软件采用扁平化管理模式处理各个`.md`格式文本片段之间的关联关系,简化了跨章节引用流程的同时也提高了整体易用性水平[^5]。 ```json { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}" } ] } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值