html5 添加图标到桌面,添加到主屏幕图标HTML5

首先，我想在下面的图片中显示项目结构。

我创建了一个公用文件夹，所有文件都在文件夹中。

清单文件不在公用文件夹中。this is image

之后我们将创建文件的清单文件代码，如下所示。

的manifest.json 强>

{

"short_name": "BetaPage",

"name": "BetaPage",

"theme_color": "#4A90E2",

"background_color": "#F7F8F9",

"display": "standalone",

"icons": [

{

"src": "assets/layouts/layout2/img/icon/android-icon-36x36.png",

"sizes": "36x36",

"type": "image/png",

"density": "0.75"

},

{

"src": "assets/layouts/layout2/img/icon/android-icon-48x48.png",

"type": "image/png",

"sizes": "48x48"

},

{