- coronavirus-19-api.herokuapp.com/countries - 获取所有国家的详情
- coronavirus-19-api.herokuapp.com/countries/i… - 获取印度这个国家的covid19案例信息
步骤4:创建CSS文件
根据个人的喜欢,编写对HTML进行装饰
步骤5:创建MANIFEST.JSON文件
创建一个名为manifest.json的文件,然后将下面的代码添加到文件中。这个文件包含了谷歌浏览器如何处理扩展程序的信息。
{
"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的值我们可以按自己需求赋值。
效果GIF图如下:
最后一步:添加到谷歌扩展程序
你可以点击chrome://extensions 跳转到谷歌扩展应用程序的管理页面。
你也可以如下操作跳转到谷歌扩展应用程序的管理页面
步骤:设置 - 扩展程序
当你打开扩展程序管理页面后,你可以点击加载已解压的扩展程序按钮去上传最开始新建的dist文件夹。