1.建立manifest.json来定义我们程序配置:
{
"name": "test",
"version": "1.0",
"description": "一个chrome扩展",
"browser_action": {
"default_icon": "icon.png" ,
"default_title": "test",
"default_popup": "popup.html"
}
}
其中name代表应用程序名,version代表版本号,description代表功能描述。
2.定义popup.html显示,它不需要使用、
和标签,可以直接写上样式、脚本和html。我们的popup.html源码为:<style type="text/css">
<!--css样式-->
</style>
<div id="xxx" class="xxx">html页面</div>
3.打开网址:chrome://extensions/,选择开发者模式,选择加载已解压的扩展程序...,选择我们编写的根目录即可,如果出现类似文章开头展示的最终效果,并能实现想要实现的功能,表示验证成功;如果失败,请修改代码,重新执行此验证流程