最近看了下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); }) });
分别是往当前页面注入css,js和打开新的tab
在Extension页面点击 Load unpacked extensions,选择要目录安装插件
这里的api不多做介绍,可以参照网上的api,这里附上360的平台地址
http://open.chrome.360.cn/extension_dev/overview.html
或者访问chrome官网
https://developer.chrome.com/extensions
附件里附上个小例子 myPlugin
相关推荐
Chrome插件开发.pdf
chrome插件开发文档,很不错的资料。
想探索一下chrome 插件的同学多看看查阅一下,共享方便大家
chrome插件开发入门教程
Chrome插件开发完整demo
chrome 插件开发各种功能demo,囊括绝大多数功能demo。
本插件是基于谷歌浏览器的,方便打开页面过多进行页面切换、多屏幕切换
Chrome插件开发指南---有开发chrome插件的同学可以学习一下
chrome插件开发,完整demo,包含 这是一个popup页面! background 打开background 调用background页JS方法 获取background页的标题 设置background页标题 (验证background生命周期和单实例特性) 窗口操作演示 新窗口...
Chrome插件开发3.0Chrome插件开发3.0
插件下载 博文链接:https://newday.iteye.com/blog/2220654
Chrome插件开发指南---有开发chrome插件的同学可以学习一下
chrome插件开发-页面对象注入及本地通信 代码包含了应用页面内的js对象注入,js对象与backgroud.js的通信以及backgroud.js与本地程序的通信
ChromeExtensionDocument:chrome插件中文开发文档.zip
这是有关Chrome插件开发的文档。掌握HTML、JavaScript技术就可以开发chrome插件。
chrome插件开发,学习js dom 很好的教材