电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

Chrome扩展开发指南

Chrome扩展开发指南_第1页
1/26
Chrome扩展开发指南_第2页
2/26
Chrome扩展开发指南_第3页
3/26
Chrome 扩展开发指南(1)——入门 这是制作chrome 扩展插件的入门指南,不需要任何编程基础,看完这个后,我们就着手做自己的Chrome 插件了。好吧,我们现在就开始,其实我也是个新手。 准备工具 做任何事情都要有个工具,制作chrome 插件需要的工具很少。  记事本,用来编写代码  Chrome 浏览器,这个不能少吧。Windows 下,所有版本的Chrome 都可以制作插件。Linux下需要下载 Beta 版本,Mac 下载 dev 版本。 开始制作第一个插件  在计算机中创建一个目录来存放插件代码。  在目录里面创建文件manifest.json(注意后缀名是.json),用记事本打开,写入如下代码  {  "name": "第一个Chrome 插件",  "version": "1.0",  "description": "我的第一个Chrome 插件,还不错吧",  "browser_action": {  "default_icon": "icon.gif"  }  } 复制代码  把下面两张图片保存到文件夹中,分别取名 icon.gif 和 smile.gif 图片一: 图片二:  安装这个插件: a.点击右上角扳手,选择扩展程序,打开扩展中心。 b.点击右上角的“开发人员模式”,使得前面的“+”变成“-”,打开相应的菜单。如果一开始就是“-”,那么不用点击。 c.点击“载入正在开发的扩展程序按钮”,导入刚才创建的文件夹。 如果一切顺利,你的 Chrome 地址栏将会有个新图标,你的第一个插件诞生了。 给第一个插件增加新功能 你现在虽然做了第一个插件,但实际上他并没有实现任何功能,我们点击图标,没有任何反应。下面我们就给他增加点功能。  编辑 manifest.json 这个文件,用下面的代码替换现有的代码,其实我们只是加了一行代码和一个逗号而已。  {  "name": "第一个 Chrome 插件",  "version": "1.0",  "description": "我的第一个 Chrome 插件,还不错吧",  "browser_action": {  "default_icon": "icon.gif",  "popup": "popup.html"  }  } 复制代码  下面我们创建一个文本文件 popu p.html,用记事本打开,将下面的代码写进去 

Hello,Chrome!

我的名字叫 ChromeChina!

Chrome 中文论坛欢迎你

复制代码  回到 Chrome 的扩展中心,点击插件下的“重新载入 ”。 现在点击插...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

Chrome扩展开发指南

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部