我做了一个非常简单的
chrome extension,它允许用户突出显示DOI编号,右键单击并选择“Resolve DOI”,然后将它们发送到相关的网页.现在,这是在background.html中完成的：
chrome.contextMenus.create({
"title" : "Resolve DOI","type" : "normal","contexts" : ["selection"],"onclick" : getClickHandler()
});
我想限制上下文菜单选项仅在他们突出显示的文本以“10”开头时才会出现.有关如何做到这一点的任何建议？我是否需要等待Context Menus模块变得更高级？
解决方法
您需要从内容脚本控制内容菜单创建.动态菜单创建/删除应该非常快速地执行,并且延迟对于用户来说是不明显的.
>在内容脚本中添加mousedown事件侦听器,并检查选择是否满足您的模式.
>根据选择是否与patterrn匹配,向请求创建或删除菜单的后台页面发送请求.
沿着这些方向的东西(未经测试)：
content_script.js：
document.addEventListener("mousedown",function(event){
var selection = window.getSelection().toString();
if(selection.match(/^10\./)) {
chrome.extension.sendRequest({cmd: "create_menu"});
} else {
chrome.extension.sendRequest({cmd: "delete_menu"});
}
},true);
background.html：
chrome.extension.onRequest.addListener(function(request) {
if(request.cmd == "create_menu") {
chrome.contextMenus.removeAll(function() {
chrome.contextMenus.create({
"title" : "Resolve DOI","onclick" : getClickHandler()
});
});
} else if(request.cmd == "delete_menu") {
chrome.contextMenus.removeAll();
}
});