尝试在iPhone主屏幕上显示我的Web应用图标。
创建从主屏幕到Flutter Web应用程序的快捷方式时,显示应用程序的屏幕截图,而不是Favicon。
快捷方式,我的意思是在你的iPhone在Safari点击分享图标〉添加到主屏幕〉添加
在index.html中我添加了
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
<link rel="icon" type="image/x-icon" href="/favicon.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
使用https://www.favicon-generator.org/创建所有映像(使其具有正确的大小)并将其存储在根目录中。
Favicon可以在Safari和Chrome中使用,当在Android上创建从主屏幕到Web应用程序的快捷方式时,会显示正确的徽标。但在IOS上不行,我还需要配置什么。
也可以通过某种方式配置此图标,如您尝试将https://flutter.dev/添加到主屏幕时所见
1条答案
按热度按时间biswetbf1#
我想你正在Windows上工作,因此还没有在Xcode中构建Web应用程序。
以前遇到过同样的问题,现在已经解决了。
如果成功了告诉我。