标签：第一个 chrome 扩展 helloworld default version png 图标

新建文件夹helloworld

新建名为manifest.json的文件

1. name: 扩展名称
2. version: 扩展版本
3. description: 扩展描述
4. icons: 扩展相关图标文件的位置
5. version: 数字组成的版本
6. browser_action: 指定扩展的图标放在chorme的工具栏中的属性
   6.1 default_icon 工具栏图标的位置
   6.2 default_title 工具栏鼠标悬停的提示
   6.3 default_popup 用户点击图标显示的页面的位置

{
  "manifest_version": 2,
  "name": "helloworld",
  "version": "1.0",
  "description": "我的第一个扩展",
  "icons": {
    "16": "favicon16.png",
    "48": "favicon48.png",
    "128": "favicon128.png"
  },
  "browser_action":{
    "default_icon": {
      "19": "favicon19.png",
      "38": "favicon38.png"
    },
    "default_title": "我的第一个扩展",
    "default_popup": "helloworld.html"
  }
}

新建helloworld.html

打开chorme 输入 chrome://extensions/

点击”加载已解压的扩展程序“，选中helloworld文件夹

点击则出现hello world的内容

标签：第一个,chrome,扩展,helloworld,default,version,png,图标
来源： https://blog.csdn.net/u010568976/article/details/121919771

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。