chrome插件开发

2016-04-29 chrome 0 评论字数统计: 262(字) 阅读时长: 1(分)

最近看了下Chrome插件的开发

新建一个目录作为插件的要目录，在目录下新建 manifest.json文件

{
    "name": "我的插件",
    "version": "0.1",
    "manifest_version": 2,
    "description": "看看我的插件",
    "icons": {
        "16": "statics/img/16.png",
        "48": "statics/img/48.png",
        "128": "statics/img/128.png"
    },
    "browser_action": {
        "default_icon": "statics/img/16.png",
        "default_title": "我的插件",
        "default_popup": "template/pop.html"
    },
    "permissions": [
        "tabs", "http://*/"
    ],
    "homepage_url": "http://leeqq.iteye.com"
}

“browser_action” -> “default_popup” 指向插件的弹窗页面，如

在 template/pop.html中引入 ../statics/js/pop.js

绑定事件

var get = document.getElementById('get');
get.addEventListener('click', function () {
  chrome.tabs.insertCSS({file:'statics/css/insert.css'});
})

var update = document.getElementById('update');
update.addEventListener('click', function () {
  chrome.tabs.executeScript({file: 'statics/js/insert.js'}, function () {
  });
});

var create = document.getElementById('create');
create.addEventListener('click', function () {
  chrome.tabs.create({
    index: 3,
    url: 'template/newpage.html',
    selected: false
  }, function (tab) {
    console.log(tab);
  })
});