目的
弥补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