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

2013-02-17

创建chrome右键菜单划词搜索扩展转载请注明出处:http://blog.csdn.net/zhymax/article/details/8552830上

创建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

扩展程序效果图：

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

下面对代码实现做个介绍

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);}

热点排行

Web前端

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