首页 > 社交 > 科普中国

怎样创建一个谷歌扩展程序

常驻编辑 科普中国 2022-10-11 程序   赋值   应用程序   步骤   浏览器   代码   页面   文件   国家   内容
1Kt拜客生活常识网

  • coronavirus-19-api.herokuapp.com/countries - 获取所有国家的详情
  • coronavirus-19-api.herokuapp.com/countries/i… - 获取印度这个国家的covid19案例信息

步骤4:创建CSS文件

根据个人的喜欢,编写对HTML进行装饰1Kt拜客生活常识网

步骤5:创建MANIFEST.JSON文件

创建一个名为manifest.json的文件,然后将下面的代码添加到文件中。这个文件包含了谷歌浏览器如何处理扩展程序的信息。1Kt拜客生活常识网

{
    "manifest_version": 2,
    "name": "Covid19",
    "version": "1.0.0",
    "description": "Provides the cases details regarding Covid19 with respective to any Country",
    "browser_action": {
      "default_popup": "index.html"
    },
    "icons":{
      "16": "./icons/16covid-19.png",
      "64": "./icons/64covid-19.png",
     "128": "./icons/128covid-19.png"
    },

    "content_security_policy": "script-src 'self' https://unpkg.com ; object-src 'self'"
}
复制代码

manifest_version, name 和 version这三个字段很重要,必须声明。扩展程序必须有"manifest_version": 2的键值对,这与最新谷歌浏览器合拍。而对于name/version的值我们可以按自己需求赋值。1Kt拜客生活常识网

效果GIF图如下:1Kt拜客生活常识网

1Kt拜客生活常识网

最后一步:添加到谷歌扩展程序

你可以点击chrome://extensions 跳转到谷歌扩展应用程序的管理页面。1Kt拜客生活常识网

你也可以如下操作跳转到谷歌扩展应用程序的管理页面1Kt拜客生活常识网

步骤:设置 - 扩展程序1Kt拜客生活常识网

当你打开扩展程序管理页面后,你可以点击加载已解压的扩展程序按钮去上传最开始新建的dist文件夹。1Kt拜客生活常识网

1Kt拜客生活常识网

相关阅读:

  • debug怎么用(debug怎么运行程序)
  • 微信小程序怎么样(微信小程序购物可靠吗)
  • 哪个java培训好(java程序培训哪里好)
  • 哪些外卖软件(外卖小程序怎么制作)
  • 小程序有哪些功能(小程序制作一个需要多少钱)
  • 微信小程序都有哪些(20个优秀微信小程序)
  • 微信的小程序在哪里(微信在哪搜索小程序)
  • 磁盘清理在哪里(磁盘清理程序在哪)
  • 开发一个小程序多久(自学微信小程序开发需要多久)
  • 微信小程序审核需要多久(微信小程序审核不通过的解决
    • 网站地图 |
    • 声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。文章内容仅供参考,不做权威认证,如若验证其真实性,请咨询相关权威专业人士。