制作chrome扩展

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/,选择开发者模式,选择加载已解压的扩展程序...,选择我们编写的根目录即可,如果出现类似文章开头展示的最终效果,并能实现想要实现的功能,表示验证成功;如果失败,请修改代码,重新执行此验证流程

JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里属于IT工程师。