2018-07-10 为Chrome和火狐浏览器编写扩展

由于扩展标准的逐渐一致, 现在同一扩展代码库已经有可能同时用于Chrome和火狐. 下面是一个简单的工具栏按钮和弹窗(尚无任何实际功能):

代码库地址: nobodxbodon/suan1

所有代码:

manifest.json:

{"manifest_version": 2,"name": "算一","version": "0.0.1","description": "工具栏按钮, 弹窗中包含计算器","homepage_url": "https://github.com/nobodxbodon/suan1","icons": {"48": "图标/算-48.png","96": "图标/算-96.png"},"permissions": [],"browser_action": {"default_icon": "图标/算-32.png","default_title": "算一","default_popup": "弹窗/主界面.html"}}

弹窗/主界面.html

<!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" href="主界面.css"/></head><body><div class="按钮">你好</div><script src="主界面.js"></script>
</body></html>

弹窗/主界面.css

html, body {width: 100px;
}.按钮 {margin: 3% auto;padding: 4px;text-align: center;font-size: 1.5em;cursor: pointer;
}

待续...

转载于:https://www.cnblogs.com/program-in-chinese/p/10494846.html

2018-07-10 为Chrome和火狐浏览器编写扩展相关推荐

火狐浏览器添加扩展之安装Tampermonker
1.进入火狐浏览器 2.点击右上角的这个图标 3.选择最下面的管理扩展 4.在寻找更多附加组件里面输入Tampermonker进行搜索 5.点击添加到Firefox 6.点击右上角的添加 7.点击右 ...
书籍 - 2018.07.10
90%的程序员,这些基础知识都没学好基础的东西,就算过了很长时间依然通用,知识如此,书籍亦如此.因此书籍不一定要求新,有些书籍虽然出版很久了,但依旧经典. 学习编程,最主要的还是基础,基础学好了,才 ...
「mac版」支持flash的浏览器，谷歌浏览器Chrome、火狐浏览器Firefox
嗨，Chrome和火狐，有第三者插足！
史上第一次,Chrome,火狐和Edge浏览器之间可以通过WebRTC和ORTC互相"通话"了. 哈哈,别急,Chrome和火狐死忠粉们也别忧虑,问题多着呢.他仨之间的" ...
Ubuntu 16.04卸载火狐浏览器
(请先看置顶博文)https://blog.csdn.net/GenuineMonster/article/details/104495419 大家都知道Ubuntu下默认浏览器是火狐浏览器,其性能不 ...
ubuntu卸载火狐浏览器（亲测有效）
由于ubuntu下面的自带的火狐浏览器总是崩溃,又没找到具体到好办法,无奈只好将其卸载. 卸载方法如下: 查看已安装的火狐浏览器及其扩展: dpkg --get-selections | grep f ...
Chrome和火狐威胁微软IE的10大理由
美国知名IT杂志<eWeek>网络版今天刊文称,虽然微软IE目前仍在全球浏览器市场占据主导地位,但它不可能永远保持这种市场优势.就近期而言,谷歌Chrome和Mozilla所开发火狐(F ...
哪款浏览器好用_碉堡了！火狐浏览器发布重大更新，谷歌Chrome请hold住！
萝卜哥经常被网友问及一个问题,那就是"Firefox和Chrome哪款浏览器更好用?" 其实萝卜哥也很难回答出到底哪款更好用,莎士比亚说过一句话:"一千个观众眼中有一千个 ...
火狐中怎么把xml转换为html,创建兼容IE、火狐、chrome、oprea浏览器的xmlDom对象方法...
在IE和火狐下,可以直接创建xmlDom对象来载入xml文件,但是在chrome和opera等webkit内核的浏览器下,则只能通过xmlhttp方式进行获取. 在IE和火狐下,直接创建的xmlDom ...

2018-07-10 为Chrome和火狐浏览器编写扩展

2018-07-10 为Chrome和火狐浏览器编写扩展相关推荐

最新文章

热门文章