<!-- Chrome, Firefox OS and Opera 手機版生成桌面圖標 -->
<meta name="theme-color" content="#395ca3"/>
<link rel="icon" sizes="192x192" href="/logo/android-192x192.png"/>
 
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link rel="apple-touch-icon" href="/logo/apple-152x152.png"/>

<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#395ca3"/>
<meta name="msapplication-TileColor" content="#395ca3"/>
<meta name="msapplication-TileImage" content="/logo/windows-144x144.png"/>

代碼插入index.html的頭部 meta

logo文件夾里的圖片替換成自己的圖標

最后的效果如下，蘋果或者安卓自帶的瀏覽器，添加到桌面就會再桌面形成一個帶logo的app快捷方式。

來源：https://discuz.chat/thread/45457