手機自帶瀏覽器生成桌面快捷圖標
2021-10-11
<!-- 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