程序员经验分享-hwhale

iOS WebApp 不显示启动图像

2023-12-19

I added

<link rel="apple-touch-icon" href="favicon.png" />
<link rel="apple-touch-startup-image" href="splash-screen.png"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black">

在我网站的 head 标签之间 但它不适用于启动图像 这是正常的吗？


您是否尝试在桌面浏览器中查看启动图像？如果是这样，那么我会在 IOS 移动设备上访问您的网站并将该应用程序添加到您的主屏幕。当您打开它时，您应该会看到启动屏幕。

对于不同的屏幕尺寸，启动画面也很棘手。您可以使用以下代码来确保其有效。

        <!-- IOS Touch Icons -->
        <link href="apple-touch-icon-57x57.png" sizes="57x57" rel="apple-touch-icon">

        <link href="apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">

        <link href="apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
        <link href="apple-touch-icon-144x144.png" sizes="144x144" rel="apple-touch-icon">

        <!-- iOS Startup images -->
        <link href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image">
        <link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <link href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)" rel="apple-touch-startup-image">
        <link href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (orientation: landscape)" rel="apple-touch-startup-image">
        <link href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <link href="apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px)  and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

生成所有这些图像非常繁琐，因此我会使用一个工具自动生成不同的图标和启动屏幕图像。

一种这样的工具是http://ticons.fokkezb.nl/ http://ticons.fokkezb.nl/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ios

html

safari

iphonestandalonewebapp

iOS WebApp 不显示启动图像 的相关文章

随机推荐

  • Angular2-如何将表单上的“touched”属性设置为 true

    我的组件中有一个反应式表单 我想设置touched每个输入的属性等于true 我当前的代码执行此操作 但它会引发错误Cannot set property touched of

  • 如何在不使用任何操作类的情况下使用 Struts2 约定

    在Struts2中我们可以定义action而不使用action类struts xml如下

  • Django 中的双外键？

    有没有办法在 Django 中模拟双外键 例如 如果我有表格 音频 覆盖 html 表 timeline item 它有一个字段 id 以及一个指定音频 覆盖或 html 的字段类别 有谁知道我将如何在 Django 中对此进行建模 或者是

  • 将选择结果转换为插入脚本 - SQL Server

    我有 SQL Server 2008 SQL Server Management Studio 我需要从一个数据库中的表中选择数据并将其插入到另一个数据库中的另一个表中 如何将我的选择返回的结果转换为INSERT INTO 评论澄清 虽然我

  • 如何复制 Core Data 托管对象？

    我有一个托管对象 A 其中包含各种属性和关系类型 并且它的关系也有自己的属性和关系 我想做的是 复制 或 复制 以对象 A 为根的整个对象图 从而创建一个与 A 非常相似的新对象 B 更具体地说 B 或其子级 包含的任何关系都不应指向与 A

  • 使用水平滚动条滚动面板

    如何将水平滚动条应用于面板 我正在开发二维平铺地图编辑器 并使用面板来保存内容 当我的地图比面板大时 它就会消失并变得不可见 是否可以应用自定义滚动条 The Panel http msdn microsoft com en us libr

  • 如何在c#中查找名称以某个字符串开头的HTML元素的数量？

    我不确定该主题是否很好地描述了我的问题 但我正在使用 jQuery 动态创建一些 HTML 元素 文本框 而且我永远不知道将创建多少个元素 它循环通过数据库 然后我想获取后面代码中的所有元素并执行一些操作 将它们插入到另一个数据库中 我知道

  • 类型映射资源以及将列表转换为向量（以及反之）

    我正在使用 SWIG 将 c 包装在 python 中 并且需要使用类型映射以使我的 python 脚本尽可能简单 作为第一次尝试 我只是发送 2 个列表 将它们转换为向量 将两个向量相加 然后将结果返回到新列表中 我的问题是 我发现 SW

  • 使用 c++ 17 更新时 G++ 编译器警告

    我正在 Windows 10 上使用 mingw 运行 g 编译器 在 cmd 中检查编译器版本时 我得到以下信息 g version g MinGW org GCC Build 2 9 2 0 与c version 当我使用结构化绑定编译

  • jQuery 未在附加项目上触发

    我在触发已添加到页面的项目上的事件时遇到问题 在以下示例中 如果单击 X 它将删除其中一项 但如果添加一项 则无法将其删除 清单如下 ul li Item 1 a class remove X a li li Item 2 a class

  • 如何对齐 2 个反应原生元素，1 个位于中心，1 个位于开头

    假设我们有这些反应原生样式 var styles StyleSheet create parentView width 400 height 150 containerView flex 1 flexDirection row alignI

  • 每当 SwiftUI 中更新 CoreData 时更新状态变量

    从 CoreData 更新一些数据后 我还想更新一个State 可变为返回结果的数量 当CoreData改变时 Stepper应始终设置为返回结果的数量 然而 onAppear当我使用时也会发生火灾Stepper 我怎样才能办理登机手续on

  • 如何在ListView上使用Button的onClickListener方法

    我有一个习惯ListView其中包含一个Button 该按钮的功能是删除按钮 每当用户单击此按钮时 当前行将被删除 我该怎么做 我该如何设置onClickListener对于这个按钮 如何捕获该按钮所在的行 ID 提前致谢 In your

  • SAM Local 似乎没有运行授权者功能

    我刚刚开始使用SAM 本地 https github com thoeni aws sam local 但在尝试为我的端点配置授权者功能时遇到了问题 我一直在看主要 SAM 文档 https github com awslabs serve

  • 引用的错误类型不是注释类型：

    我得到了以下方面 Around execution public DisabledForBlockedAccounts annotation denyForTeam public Object translateExceptionsDeny

  • 在jsFiddle中引用GitHub文件

    是否有可能滥用从github存储库中获取文件作为jsFiddle中的外部资源 TLDR Visit rawgit com http rawgit com 这将直接从 GitHub 将您的文件弹出到 CDN 上 以便您可以使用它们 不幸的是

  • 模拟 6502 个时钟周期的最佳方法？

    我一直在研究 NES 模拟器的 CPU 我想知道管理多周期指令周期的最佳方法是什么 假设实现了一个周期的时间延迟 我可以根据指令的每个步骤单独增加周期 如下所示 void EXAMPLE INSTRUCTION step1 cycles s

  • 对形状内的元素进行聚类

    我见过这个解决方案 http jsfiddle net srvikram13 CLs8P 它似乎负责在 一致 形状内对元素进行聚类 而不会重叠 但是如果形状更加模糊怎么办 如下所示 我的前几次尝试似乎是将形状简化为其最基本的形式 然后检查元

  • 通过 setuptools 在 PyPi 上发布作者的正确方法

    我目前使用setuptools构建我的 Python 包 我已经在我的文件中以这种方式声明了两位作者pyproject toml file authors name X Y email email protected cdn cgi l e

  • iOS WebApp 不显示启动图像

    I added 在我网站的 head 标签之间 但它不适用于启动图像 这是正常的吗 您是否尝试在桌面浏览器中查看启动图像 如果是这样 那么我会在 IOS 移动设备上访问您的网站并将该应用程序添加到您的主屏幕 当您打开它时 您应该会看到启动屏

热门标签