您好,欢迎来到爱go旅游网。
搜索
您的当前位置:首页Google Chrome插件开发入门

Google Chrome插件开发入门

来源:爱go旅游网
译:入门(你好,世界!)

本教程将引导您创建一个简单的扩展名。您将添加一个图标,谷歌浏览器,点击后,将显示一个自动生成的网页。网页的图标,看起来像这样:

创建并加载一个扩展插件

在本节中,你会写一个扩展 , 增加了 浏览器的行为 到谷歌浏览器的工具栏。

1. 在计算机上创建一个文件夹某处包含您的扩展的代码。

2. 在你的扩展的文件夹,创建一个文本文件名为 manifest.json,并把它这样 { \"name\": \"My First Extension\\"version\": \"1.0\\"description\": \"The first extension that I made.\\"browser_action\": { \"default_icon\": \"icon.png\" }, \"permissions\": [ \"http://api.flickr.com/\" ] } 3. 这个图标复制相同的文件夹: 下载icon.png 4. 加载扩展。 a) 造就通过单击工具菜单中的扩展管理网页 并选择 扩展程序。

b) 如果是开发者模式 , 有一个由它+,单击+开发人员信息添加到页面。+变化的一个-和更多按钮和信息显示。

c) 单击 载入正在开发的扩展程序 按钮。一个文件对话框。 d) 在文件对话框中,选择到您的扩展的文件夹 , 单击 确定。

5. 如果您的扩展是有效的,它的图标旁边的地址栏,以及有关的扩展信息显示在页面的扩展,

如下面的截图所示。

如果您的扩展是有效的,它的图标旁边的地址栏,以及有关的扩展信息显示在页面的扩展,如下面的截图所示。

向扩展插件添加代码:

经过上一步的操作,我们的插件已经成型,但是它还没有实际的功能,所以在这一步我们加入新的代码,使它发挥它的功能。 1. 编辑 manifest.json 添加以下行: ... \"browser_action\": { \"default_icon\": \"icon.png\" , \"popup\": \"popup.html\" }, ... 在你的扩展所在的文件夹里,创建一个文本文件,命名为popup.html,用记事本打开这个文件,并加入以下代码:

2. 返回扩展程序管理页面,然后点击 重新载入 按钮来更新扩展程序。 3. 点击扩展程序的图标,就会出现一个退出式窗口显示的内容,如下图示:

如果你没有看到如上图示的退出窗口,请确认你已完全按照本教程的步骤进行操作。另外请

确认这个HTML文件是在你的扩展程序文件夹里面,不然程序是无法正常工作的。

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- igat.cn 版权所有

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务