关于chrome:谷歌插件04选中文字并右键翻译

54次阅读

共计 791 个字符，预计需要花费 2 分钟才能阅读完成。

需要
当咱们选中网页上的文字并右键时，在菜单中显示“应用谷歌翻译”选项，点击该选项后弹出谷歌翻译的窗口并将选中文字翻译成英文。
目录构造

次要知识点 ：
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

正文完