系统城

chrome插件怎么开发 教你开发chrome插件的方法

发布时间:2020-12-08 10:07:46    浏览数:721

Chrome插件可以为Chrome浏览器带来一些功能性的扩展,进而提高Chrome的使用体验。其实我们也可以根据自己的需要来设计浏览器插件,从而满足自己的需要。那么chrome插件怎么开发?小编给大家讲解一下具体操作方法。

chrome插件怎么开发_教你开发chrome插件的方法

具体方法如下:

1、首先,我们创建一个文件夹,用于存在Chrome应用(扩展)所需要的所有文件。并在该文件夹中存放三个文件:

其中 icon.png文件是一个像素为32*32的图标,用于显示插件的图标

manifest.json文件用于对插件进行描述

popup.html文件是一个弹窗网页文件,用于在点击插件图标后显示一个窗口。

chrome插件怎么开发_教你开发chrome插件的方法

2、接下来编写“manifest.json”文件的内容如下,如图:

{

"name": "My First Extension",

"version": "1.0",

"manifest_version":2,

"description": "The first extension that I made.",

"browser_action": {

"default_icon": "icon.png",

"default_popup":"popup.html"

},

"permissions": [

"http://api.flickr.com/"

]

}

chrome插件怎么开发_教你开发chrome插件的方法

3、对“popup.html”网页文件进行如下内容编辑:

<html>

<body >

<h4 >百度ID</h4>

<font color=red>feifeidown</font>

</div>

</body>

</html>

chrome插件怎么开发_教你开发chrome插件的方法

4、最后来测试一下该插件:

打开Chrome浏览器,点击“菜单”按钮,从弹出的扩展菜单中选择“工具”->“扩展管理”项。

chrome插件怎么开发_教你开发chrome插件的方法

5、在打开的新页面中,勾选“开发者模式”,点击“加载正在开发的应用扩展”按钮。

chrome插件怎么开发_教你开发chrome插件的方法

6、从打开的“浏览文件夹”窗口中,选择插件所在的文件夹,点击“确定”按钮。

chrome插件怎么开发_教你开发chrome插件的方法

7、此时该插件就正式启动了。

chrome插件怎么开发_教你开发chrome插件的方法

8、点击浏览器右侧的插件图标,就弹出窗口并显示其中的内容。至此,Chrome浏览器插件开发完成。

chrome插件怎么开发_教你开发chrome插件的方法

小编和大家分享开发chrome插件的方法,操作步骤简单,希望本教程内容能够帮助到大家!

相关教程: PPT2021怎么设置文件保存格式 操作方法 CorelDRAW怎么制作暗角效果 友玩陪玩APP怎么入驻 快加入陪玩大家庭 WPS软件文字中表格如何排序_这里教给你 WPS2019如何将字体嵌入文件 详细教程

相关阅读

手机版   |   电脑版
Copyright @ 2011 系统城 版权声明 最新发布内容
fetch('https://api.xitongcheng.com/api/flow/model/article/category_id/40/model_id/68057/admin_id/0/type/0/domain/mip').then(function (res) {})