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 eventfunction 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 });};

效果