【JavaScript】开发谷歌浏览器插件
来源:互联网 发布:java订单管理系统源码 编辑:程序博客网 时间:2024/06/11 03:23
摘要:作者自己动手写了一个翻译插件,读者可以从中了解到开发chrome的插件的过程。
今天早上打开博客园.看到一文章"开发chrome扩展程序"
自己看看,也还很简单,就自己动手写一个翻译插件
来看看效果
以前用谷歌的翻译接口做了一个翻译功能的网页http://liuju150.cacacoo.com
所以我就打算把这个功能做成一个谷歌浏览器的插件
这个翻译功能就一个页而.代码也很简单
然后看看谷歌的插件文档
在C盘下创建了一个文件夹C:\GoogleDemo
然后把那个网页放到文件夹里面index.html
然后在这个文件夹里面自己创建一个manifest.json文件
文件内容
1
2
3
4
5
6
7
8
9
10
11
{
"name": "Translation(翻译)",
"version": "1.1",
"description": "This is a translation plug-in, you can translate between many languages(这是一个翻译插件,可以在很多种语言之间相互翻译)",
"icons":{"16":"16.png","48":"48.png","128":"128.png"},
"browser_action": {
"default_icon": "16.png",
"popup": "index.html"
},
"permissions": ["http://*/","bookmarks","tabs","history"]
}
自己做了几个PNG图标,主要是做插件在浏览器上的图标用,就是浏览器右上角看到我插件的那个图标
然后打开谷歌浏览器输入地址:chrome://extensions/
开始没有看到我这个插件的,这是我安装上去的效果,
开始的话,选择第一个按钮,就会要你选择你插件所在的文件夹,这里我们选择C:\GoogleDemo
他就会自己载入我们的插件,
然后再选择第二个按钮
第一次可以不选择第二个文件,因为第一次他会自己生成一个GoogleDemo.pem这样的文件
以后你更新了的话.就要选择了,他就知道是在这个插件上的更新,而不是一个新的插件
完成后.就可以在你的谷歌浏览器里看到这个翻译插件了
DEMO下载
原文地址: 点击打开链接
0 0
- 【JavaScript】开发谷歌浏览器插件
- 开发谷歌浏览器插件
- 谷歌浏览器插件开发
- 谷歌浏览器插件开发
- 初探 利用 javascript 开发 Chrome 浏览器插件
- 使用JavaScript开发IE浏览器本地插件实例
- 谷歌浏览器插件
- 谷歌浏览器插件
- Chrome(谷歌浏览器) 程序开发32个常用插件
- [Chrome]谷歌浏览器插件开发:HelloChrome插件的开发过程
- 初识----浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android开发网络请求之GET和POST
- cocos2d-x 3.9 init()函数
- Modernizr.js入门指南
- Java 8:HashMap的性能提升
- ubuntu安装软件终端变成 package configuration 下面有ok键但是点不住
- 【JavaScript】开发谷歌浏览器插件
- 子树
- 网页设计大赛第十二天
- PHP下载保存文件
- UVa 11775 Unique Story
- UML学习:机房收费系统-图集(协作,顺序,部署,构件)
- 写文件
- Linux进程的五个段
- 安装HAXM模拟器加速器:failed to open driver