右键菜单

通过开发 Chrome 插件可以自定义浏览器的右键菜单,主要是通过 chrome.contextMenusAPI 实现,右键菜单可以出现在不同的上下文,比如普通页面、选中的文字、图片、链接,等。

简单的右键菜单示例

// manifest.json
{"permissions": ["contextMenus"]}
// background.js
chrome.contextMenus.create({
	title: "测试右键",
	onclick: function(){alert('您点击了右键菜单');}
});

右键百度搜索示例

// background.js
chrome.contextMenus.create({
	title: '使用百度搜索:%s', // %s表示选中的文字
	contexts: ['selection'], // 只有当选中文字时才会出现此右键菜单
	onclick: function(params)
	{
		// 注意不能使用location.href,因为location是属于background的window对象
		chrome.tabs.create({url: 'https://www.baidu.com/s?ie=utf-8&wd=' + encodeURI(params.selectionText)});
	}
});