如何为移动用户创建“添加到主屏”的响应式网站链接(Android/iPhone)

<link rel="manifest" href="manifest.json">

{
  "name": "My Website",
  "short_name": "Website",
  "icons": [
    {
      "src": "icon.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": "/",
  "display": "standalone",
  "theme_color": "#ffffff",
  "background_color": "#ffffff"
}

if ('standalone' in window.navigator && window.navigator.standalone) {
  // iOS设备上的提示
  var addToHomeScreen = document.createElement('div');
  addToHomeScreen.innerHTML = '点击右上角的分享按钮，然后选择“添加到主屏”';
  document.body.appendChild(addToHomeScreen);
} else if (window.matchMedia('(display-mode: standalone)').matches) {
  // Android设备上的提示
  var addToHomeScreen = document.createElement('div');
  addToHomeScreen.innerHTML = '点击右上角的菜单按钮，然后选择“添加到主屏”';
  document.body.appendChild(addToHomeScreen);
}