google拓展應用

google拓展程序小demo

參考文獻

• http://blog.csdn.net/sysuzjz/article/details/51648163
• http://open.chrome.360.cn/extension_dev/devguide.html

---

manifiset.json

### google拓展程序的入口：

{
    "manifest_version": 2,
    "name":"translate",
    "version": "1.0", 
    "description": "translate the words you selected with youdaoOpenAPI", 
    "icons": {
        "128": "icons/translate.png"
    }, 
    "background": {
        "scripts": [
            "translate.js"
        ]
    }, 
    "permissions": [
        "tabs", 
        "contextMenus"
    ], 
    "web_accessible_resources": [
        "images/*.png"
    ]
}

translate.js

### 後臺執行程序：

chrome.contextMenus.create({
    "title":"Translate %s",
    "contexts":["selection"],
    "onclick":onClickHandler
});
//click event
function onClickHandler(info){
    var str = info.selectionText;
    //english or chinese
    var enStr = /^[a-z]*$/gi;
    var chStr = /^[\u2E80-\uFE4F]*$/gi;

    if(enStr.test(str)){
        var url = "http://www.dict.cn/" + str;
    }else{
        var url = "http://translate.google.com/#auto/zh-CN/" + encodeURI(str);
    };

    chrome.tabs.create({ url: url, active: true });
};

效果