gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Minor spelling mistakes corrected (#20787)

Browse Source
This commit is contained in:
Cornelia
2018-11-03 03:28:41 +13:00
committed by Huyen Nguyen
parent fc1c2f4a12
commit 94789b2273
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
guide/english/progressive-web-apps/add-to-homescreen/index.md
View File

@ -4,7 +4,7 @@ title: Add To Homescreen
## Add To Homescreen ## Add To Homescreen
* Another important file after service worker in PWA is manifest.json, Which helps your webapp to get installed on the users homescreen like a native mobile app. This file contains the informations of your web app to work standalone similar to native mobile apps. The manifest is explained in detail below. * Another important file in addition to service worker in PWA is manifest.json, Which helps your webapp to get installed on the user's homescreen like a native mobile app. This file contains the informations of your web app to work standalone similar to native mobile apps. The manifest is explained in detail below.
### Browser Support for Add To Homescreen ### Browser Support for Add To Homescreen
@ -16,7 +16,7 @@ You can see the latest status of browser support of this feature [here](https://
### On Android ### On Android
On Android, the "add to homescreen" banner comes up automatically if you meet the following requirements given below. On Android, the "add to homescreen" banner comes up automatically if you meet the requirements given below.
This is what it should look like on Android: This is what it should look like on Android:
@ -99,13 +99,13 @@ This is what it should look like on Android:
* `short name` is the short name of the web app. (It will be shown below the icon of your application) * `short name` is the short name of the web app. (It will be shown below the icon of your application)
* `theme_color` is the color of the top of the browser. * `theme_color` is the color of the top of the browser.
* `background_color` is the background color of the launch screen. * `background_color` is the background color of the launch screen.
* `display` is the way the web app should display once launched on the phone.Right now there of 4 different options available now. They are, * `display` is the way the web app should display once launched on the phone. Right now there are 4 different options available. They are:
* `fullscreen` - Tkes the whole space of your mobile screen. * `fullscreen` - Takes the whole space of your mobile screen.
* `standalone` - This option will make your app to work like a native mobile application. this makes the application to open on a new window, and place your application icon launcher on the mobile. * `standalone` - This option will make your app work like a native mobile application. This makes the application to open on a new window, and place your application icon launcher on the mobile.
* `minimal-ui` - This option is similar to standalone but with less UI Options * `minimal-ui` - This option is similar to standalone but with less UI Options
* `browser` - This is the default one. This will open the link in your browser as a new window * `browser` - This is the default one. This will open the link in your browser as a new window
* `start_url` define the starting url of the website. * `start_url` define the starting url of the website.
* `icons` is an array that store all the images location, sizes and type. * `icons` is an array that stores all image locations, sizes and types.
### On other devices ### On other devices
@ -131,7 +131,7 @@ On iOS, the "add to homescreen" button must be added manually. Add the following
**Windows** **Windows**
On windows phone, add the following meta tags to the head section of your HTML: On Windows phone, add the following meta tags to the head section of your HTML:
```html ```html
<meta name="msapplication-TileImage" content="/assets/images/icons/icon-144x144.png"> <meta name="msapplication-TileImage" content="/assets/images/icons/icon-144x144.png">