很久以前就想写写chrome的插件,一直没这精力,主要是比较懒。今天心血来潮想研究研究,最开始就想做个比较好玩的东西,向来想去最后说先做个简单的,“选中文字-右键菜单-百度地图搜索”。就这么个简单的应用。

刚开始弄来弄去,参考了很多demo,也看了json viewer的代码,拎到自己写的插件里总是不好使。晚上继续呗。终于找到个比较好的。然后自己修修改改还真成了。废话不多少,直接上代码。

manifest.json
manifest.json

{ 
	"name": "SIBM", 
	"description": "通过选中网页内容直接在百度地图中搜索", 
	"version": "0.0.0.1", 
	"permissions": ["contextMenus", "tabs"], 
	"background": { 
		"scripts": ["menu.js"] 
	}, 
	"manifest_version": 2 
} 

menu.js

function genericOnClick(info, tab) {
	window.open(info.linkUrl); 
} 
function selectionOnClick(info, tab) { 
	console.log(info);
	console.log(tab)
	window.open('http://map.baidu.com/?newmap=1&ie=utf-8&s=s%26wd%3D'+info.selectionText); 
} 
var link = chrome.contextMenus.create({
	"title": "新页面中打开",
	"contexts":["link"],
	"onclick":genericOnClick
	}); 
var selection = chrome.contextMenus.create({
	"title": "百度地图搜索",
	"contexts":["selection"],
	"onclick":selectionOnClick
	});

效果:

20131010215544

参考:

1.http://www.jb51.net/article/31708.htm

2.https://developers.google.com/chrome/web-store/docs/get_started_simple?hl=zh-CN

3.http://open.chrome.360.cn/extension_dev/overview.html