需要
当咱们选中网页上的文字并右键时,在菜单中显示“应用谷歌翻译”选项,点击该选项后弹出谷歌翻译的窗口并将选中文字翻译成英文。
目录构造
次要知识点:
contextMenus和window的创立
次要步骤
1.manifest.json中申明background和permissions
"background":{ "scripts":["js/translate.js"], "persistent":false},"permissions":[ "contextMenus"]
2.在background中创立contextMenus并监听点击事件
var menuItem = { "id" : "translate", "title": "应用谷歌翻译", "contexts": ["selection"]};chrome.contextMenus.create(menuItem);
3.创立window显示翻译后果
chrome.contextMenus.onClicked.addListener(function(clickData){ if(clickData.menuItemId == "translate" && clickData.selectionText){ var createData = { url: "https://translate.google.cn/?sl=zh-CN&tl=en&text="+clickData.selectionText+"&op=translate", type: "popup", top: 5, left: 5, width: screen.availWidth/2, height: screen.availHeight/2 } chrome.windows.create(createData); }})
源码
链接:https://pan.baidu.com/s/1hWQo...
提取码:sar6