96690ed3a4
This commits adds some shortcut definitions for the angular.io PWA. The user agent can use them to assemble a context menu to be displayed by the operating system when a user engages with the app's icon. (In addition, shortcuts provide an easy way for users to add links to specific pages on their home screen.) See [here][1] for more details on the `shortcuts` property of the PWA manifest. The choice of pages to create shortcuts to was influenced by the following facts/criteria: - It seems that only the first 4 shortcuts are displayed by Chrome (at least on my Android phone). - Since the PWA is mostly used on mobile, I omitted pages that are less likely to be useful for mobile users (such as pages related to CLI). [1]: https://developer.mozilla.org/en-US/docs/Web/Manifest/shortcuts PR Close #40393
53 lines
1.6 KiB
JSON
53 lines
1.6 KiB
JSON
{
|
|
"name": "Angular Documentation",
|
|
"short_name": "angular.io",
|
|
"background_color": "#1976d2",
|
|
"theme_color": "#1976d2",
|
|
"display": "standalone",
|
|
"icons": [
|
|
{
|
|
"src": "assets/images/favicons/favicon-194x194.png",
|
|
"sizes": "194x194 512x512",
|
|
"type": "image/png"
|
|
},
|
|
{
|
|
"src": "assets/images/favicons/favicon-144x144.png",
|
|
"sizes": "144x144",
|
|
"type": "image/png"
|
|
},
|
|
{
|
|
"src": "assets/images/favicons/favicon-144x144-maskable.png",
|
|
"sizes": "144x144",
|
|
"type": "image/png",
|
|
"purpose": "maskable"
|
|
}
|
|
],
|
|
"start_url": "/?utm_source=homescreen",
|
|
"shortcuts": [
|
|
{
|
|
"name": "Go to API Reference",
|
|
"short_name": "API",
|
|
"description": "Go to the Angular API reference page.",
|
|
"url": "/api?utm_source=homescreen"
|
|
},
|
|
{
|
|
"name": "Go to Glossary",
|
|
"short_name": "Glossary",
|
|
"description": "Go to the glossary page: A list of common Angular terms and their explanation.",
|
|
"url": "/guide/glossary?utm_source=homescreen"
|
|
},
|
|
{
|
|
"name": "Go to Resources",
|
|
"short_name": "Resources",
|
|
"description": "Go to the resources page: A list of Angular resouces, such as development tooling, UI libraries, books, courses, community publications, podcasts, etc.",
|
|
"url": "/resources?utm_source=homescreen"
|
|
},
|
|
{
|
|
"name": "Go to Tutorial: Tour of Heroes",
|
|
"short_name": "Tutorial",
|
|
"description": "Go to the \"Tour of Heroes\" tutorial page: Learn how to create your first Angular application.",
|
|
"url": "/tutorial?utm_source=homescreen"
|
|
}
|
|
]
|
|
}
|