GoogleChrome浏览器如何开启扩展功能

GoogleChrome浏览器如何开启扩展功能,第1张

首先先将扩展的插件下载到电脑本地目录中,然后在谷歌浏览器的扩展管理页面中添加此插件。这样友圆就能在GoogleChrome浏览器中开启扩展功能,具体 *** 作请参照以下步骤。

1、首先在网上找到需要使用的插件文件,然后将文件下载到电脑中。

2、然后运此在浏览器的菜单界面中,依次点击“工具/扩展程序”选项打开扩展管理页面。

3、然后打开插件所在的文件夹,将插件的安装包拖旁告迅到扩展管理页面中。

4、然后d出一个对话框,然后点击“添加扩展程序”按钮。

5、完成以上设置后,即可在GoogleChrome浏览器中开启扩展功能。

chrome作为前端开发的标准浏览器,拥有强大的功能,其中chrome插件就其中非常有用的工具!作为一名前端,开发一款好用的chrome插件也是一件非常有成就感的事!下面我就简单叙述一下如何开发!

1、一个简单的二维码插件目录,核心文件manifest.json,以下简称清单文件,这个文件是必须有的,其余的html、js、css、img等就根据需要来创建就可以了。

2、manifest.json介绍

必须配置的字段、以及常用的配置字段

defalut_popup必须指定html文件,另外html内不允许内联誉陆js(inlinejavascript),插件的开发和普通web开发是一样的,都是用html、js、css。除此之外扩展还提供很多强大的api,帮助我们丰富浏览器的扩展功能。

3、常用APIchrome.tabschrome.runtime可以监听和响应扩展生命周期的事件chrome.webRequestchrome.windowchrome.storagechrome.contextMenuschrome.devtoolschrome.extension

使用大多数的api要声明权限的,因为js中使用chromeAPI,所以示例中在permissions这个字段设置了tabs。

当然,清单的配置远不止这些,随着功能的强大,会看到更多的字段。

/extensions/manifest

4、代码编写完成后,打开扩展的界面,chrome://extensions.,勾选开发者模式,点击‘老隐已解压的扩展程序’,选择开发好的文件夹,这样就成功添加上了扩展。

5、调试

示例中,扩展功能界面是侍虚厅以d窗形式展示,点击图标,右键审查元素即可。

6、打包与发布登录chrome应用商店/webstore/developer/dashboard/点击进去开发者信息中心添加压缩后的zip包按提示添加必填的信息,发布即可


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12388432.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存