如何在WebApp内而不是Safari内部建立WebApp打开链接



,所以我正在ifrause oframe oframe网站,我希望我的用户将网站添加到房屋屏幕中并从那里使用它。但是,当我尝试使用来自其他站点的代码时,它不起作用。

在您的index.html文件的<head>中包含这些元标记。在iOS上,这将模拟可以添加到主屏幕的WebApp。

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="AppTitle">
<link rel="apple-touch-icon" href="/custom_icon.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-startup-image" href="/launch.png">

为了使图标和每个设备正确的启动图像负载,您的图像必须具有下面链接的Apple UI指南中描述的确切尺寸。如果这些尺寸未指定图像,则不会加载。

启动屏幕尺寸

应用图标尺寸

配置Web应用程序

此要塞还显示了所有可用的元标签:https://gist.github.com/tfausak/22222823

最新更新