feat(pwa): add screenshots to manifest for richer PWA install UI
CI / Build & Test (push) Successful in 2m54s
CI / Build & Test (push) Successful in 2m54s
Add wide (1024x515) and narrow (390x844) screenshots to the web app manifest so Chrome displays the richer install UI with a preview on both desktop and mobile. Register screenshots directory in web_accessible_resources so Chrome can fetch the images from the extension origin.
This commit is contained in:
@@ -6,6 +6,22 @@
|
|||||||
"display": "standalone",
|
"display": "standalone",
|
||||||
"background_color": "#0f1117",
|
"background_color": "#0f1117",
|
||||||
"theme_color": "#0f1117",
|
"theme_color": "#0f1117",
|
||||||
|
"screenshots": [
|
||||||
|
{
|
||||||
|
"src": "screenshots/wide.png",
|
||||||
|
"sizes": "1024x515",
|
||||||
|
"type": "image/png",
|
||||||
|
"form_factor": "wide",
|
||||||
|
"label": "Holesail Browser Dashboard"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "screenshots/narrow.png",
|
||||||
|
"sizes": "390x844",
|
||||||
|
"type": "image/png",
|
||||||
|
"form_factor": "narrow",
|
||||||
|
"label": "Holesail Browser Dashboard"
|
||||||
|
}
|
||||||
|
],
|
||||||
"icons": [
|
"icons": [
|
||||||
{ "src": "../icons/48.png", "sizes": "48x48", "type": "image/png" },
|
{ "src": "../icons/48.png", "sizes": "48x48", "type": "image/png" },
|
||||||
{ "src": "../icons/128.png", "sizes": "128x128", "type": "image/png" },
|
{ "src": "../icons/128.png", "sizes": "128x128", "type": "image/png" },
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
@@ -54,6 +54,7 @@
|
|||||||
"wrong-domain.html",
|
"wrong-domain.html",
|
||||||
"dashboard/dashboard.html",
|
"dashboard/dashboard.html",
|
||||||
"dashboard/manifest.webmanifest",
|
"dashboard/manifest.webmanifest",
|
||||||
|
"dashboard/screenshots/*.png",
|
||||||
"dashboard/dashboard.css",
|
"dashboard/dashboard.css",
|
||||||
"dashboard/data/*.js",
|
"dashboard/data/*.js",
|
||||||
"dashboard/core/*.js",
|
"dashboard/core/*.js",
|
||||||
|
|||||||
Reference in New Issue
Block a user