【chorme插件开发】第四节：html+js实现的功能插件开发实例

最新推荐文章于 2024-06-20 10:17:46 发布

任聪聪

最新推荐文章于 2024-06-20 10:17:46 发布

阅读量308

点赞数 1

CC 4.0 BY-SA版权

分类专栏：应用开发实例教程

本文链接：https://blog.youkuaiyun.com/hj960511/article/details/103633921

应用开发实例教程专栏收录该内容

47 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用HTML和JavaScript开发Chrome功能插件，包括插件的基本结构、manifest.json文件配置，以及popup.html和popup.js文件的代码实现。文章还提到，JavaScript代码可以使用原生或jQuery进行编写，并预告了后续将分享更多相关内容。

###html+js实现的功能插件开发实例
插件结构

	icon.png
    popup.html
    popup.js
	manifest.json

manifest.json文件配置

{
"manifest_version":2,
"name":"纯html展示插件",
"description":"这是一个纯html页面",
"version":"1.0",
"permissions":[
    "https://*/*",
    "http://*/*"
    ],
"browser_action":{
    "default_icon":"icon.png",
    "default_popup":"popup.html"
    }
}

图片素材：
在这里插入图片描述

popup.html文件代码