创建chrome右键菜单划词搜索扩展

转载请注明出处:http://blog.csdn.net/zhymax/article/details/8552830

上网时经常在多个搜索引擎间切换，但使用chrome自带的搜索引擎切换比较麻烦，换一个引擎就需要设置一次配置，因此也在chrome应用商店找了多个搜索扩展程序，使用下来都是各有优点，但不能同时具备我想要的功能，例如菜单项分组、划词搜索、添加自定义搜索或是不同电脑间同步配置，多少都有点缺憾，所以决定自己动手丰衣足食，实现一个右键菜单扩展程序，基本特性如下：
右键菜单搜索 页面划词搜索 菜单分组显示 自定义添加搜索引擎 同步配置

代码下载
csdn资源：http://download.csdn.net/detail/zhymax/5038605
github：https://github.com/lo0kup/ContextSearch

chrome应用商城扩展地址，欢迎大家安装试用： Context Search

扩展程序效果图：

下面对代码实现做个介绍

1 在chrome右键上下文菜单增加自定义菜单项使用chrome.contextMenus.create创建上下文菜单。
1) 创建主菜单项

var Storage = chrome.storage.sync;// 保存配置到Storage，超过QUOTA_BYTES_PER_ITEM需要进行分片保存。function setOptions(opts, cb){var optionStr = JSON.stringify(opts);var length = optionStr.length;var sliceLength = Storage.QUOTA_BYTES_PER_ITEM / 2; // 简单设置每个分片最大长度，保证能存储var optionSlices = {}; // 保存分片数据var i = 0; // 分片序号// 分片保存数据while (length > 0){optionSlices["cs_options_" + i] = optionStr.substr(i * sliceLength, sliceLength);length -= sliceLength;i++;}// 保存分片数量optionSlices["cs_options_num"] = i;// 写入StorageStorage.set(optionSlices, cb);//console.log(optionSlices);}