From 00a4d088eba34f155c05865296dcbece1c7b88ec Mon Sep 17 00:00:00 2001
From: Hawkins <hawkinszhao@outlook.com>
Date: Fri, 12 Aug 2016 11:42:12 +0800
Subject: [PATCH] Safari and Chrome web app info.

---
 README.md | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index aff22b4..a1662a5 100644
--- a/README.md
+++ b/README.md
@@ -199,7 +199,7 @@ Below are the meta attributes which are not recommended for use as they had low
 <meta name="distribution" content="Global">
 
 <!-- Controls what user can access on the internet -->
-<meta http-equiv="Pics-label" content="value"> 
+<meta http-equiv="Pics-label" content="value">
 
 <!-- Cache Control -->
 <!-- Better to configure cache control server side -->
@@ -412,10 +412,17 @@ Below are the link relations which are not recommended for use:
 <!-- Touch Icons -->
 <link rel="apple-touch-icon" href="path/to/apple-touch-icon.png">
 <link rel="apple-touch-icon-precomposed" href="path/to/apple-touch-icon-precomposed.png">
-<!-- In most cases, one 180×180px touch icon in the head is enough -->
-<!-- If you use art-direction and/or want to have different content for each device, you can add more touch icons -->
+<!-- The new version of iOS such as iOS 8, 9, 10 doesn't support precomposed anymore, so if you don't wanna make your app compatible with the old version of iOS. You should just use apple-touch-icon. -->
 
-<!-- Startup Image -->
+<!-- In most cases, one 180×180px touch icon in the head is enough -->
+<!-- If you use art-direction and/or want to have different content for each device, you can add more touch icons. -->
+<!-- Just do it like this. -->
+<link rel="apple-touch-icon" sizes="57x57" href="/path/to/icon@57.png" />
+<link rel="apple-touch-icon" sizes="72x72" href="/path/to/icon@72.png" />
+<link rel="apple-touch-icon" sizes="114x114" href="/path/to/icon@114.png" />
+<link rel="apple-touch-icon" sizes="144x144" href="//path/to/icon@144.png" />
+
+<!-- Startup Image ( Bad News : This doesn't work in new version of iOS. ) -->
 <link rel="apple-touch-startup-image" href="path/to/startup.png">
 
 <!-- More info: https://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html -->
@@ -449,6 +456,10 @@ Below are the link relations which are not recommended for use:
 <meta name="google" value="notranslate">
 ```
 
+Since Chrome 31, you can set up your web app to  "app mode" like Safari.
+
+[More Info](https://developer.chrome.com/multidevice/android/installtohomescreen)
+
 ### Microsoft Internet Explorer
 
 ``` html