ios Fluttwe Webapp主屏幕图标

ubof19bj  于 2023-01-06  发布在  iOS
关注(0)|答案(1)|浏览(130)

尝试在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/添加到主屏幕时所见

biswetbf

biswetbf1#

我想你正在Windows上工作,因此还没有在Xcode中构建Web应用程序。
以前遇到过同样的问题,现在已经解决了。
如果成功了告诉我。

相关问题