编写chrome插件-bookmarks

目的

弥补chrome浏览器只能在书签管理器中才能进行对书签进行搜索,该插件可以直接在浏览器顶部进行搜索已有书签

简单的效果图

简单的目录结构

文件说明:

images 文件夹主要拿来存放插件中需要用到的图片文件
main.js是整个插件的逻辑代码
manifest.json插件的配置文件
popup.html插件的页面结构文件
styles.css样式文件

写扩展最主要的就是配置manifest.json文件中的permissions属性获取chrome浏览器的权限
参考chrome开发者文档https://developer.chrome.com/extensions
360浏览器对chrome开发文档做了一个翻译http://open.chrome.360.cn/extension_dev/overview.html

测试

chrome浏览器-》菜单-》更多工具-》扩展程序-》勾选开发者模式-》加载已解压的扩展程序
加载后就可以开始测试了,如果需要断点调试可以新建一个tab页面,然后输入chrome-extension://你的扩展id/popup.html

具体代码见github
https://github.com/phobal/b-note/tree/master/bookmarks