高斋晓开卷,独共圣人语。这篇文章主要讲述iPad Home Screen Web App失败相关的知识,希望能为你提供帮助。
我们有一个ipad网络应用程序需要它可以获得的所有屏幕空间。该计划是在应用完成后使用“添加到主屏幕”功能。但是,当通过主屏幕启动应用程序时,我们遇到了一个主要问题。使用html5文档类型时,页面似乎只是呈现为纯文本(没有加载样式表或javascript文件)。相反,使用XHTML 1.0 Transitional Doctype会导致页面正确呈现,但我们正在使用jQuery Mobile,它需要HTML5 Doctype才能工作。
【iPad Home Screen Web App失败】我试图简单地使用“全屏”元标记等,但它们似乎也没有用。这是我们的标题代码的当前状态:
<
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
!--<
!DOCTYPE html>
-->
<
html lang="en">
<
head runat="server">
<
meta charset="utf-8" />
<
meta name="apple-mobile-web-app-capable" content="yes" />
<
meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<
meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<
title>
PAGE TITLE<
/title>
<
link href="https://www.songbingjia.com/android/favicon.png" rel="icon" type="image/png" />
<
link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" />
<
!-- cut other stylesheets and javascript files being loaded -->
<
link rel="stylesheet" href="https://www.songbingjia.com/Vertex.Web/Content/style/tablet/tablet.css" type="text/css" media="all" />
从我所做的研究来看,听起来就像ipad使用web.app而不是safarimobile.app从主屏幕启动时。我想知道这是否至少是问题的一部分。另一个想法是,ipad在从主屏幕启动时尝试使用本地缓存,并且在加载样式表和javascript时它只是不喜欢相对路径或外部URL。
有趣的事实:在我们第一次从主屏幕打开页面时,使用页面中的两个Doctypes将导致正确的渲染,但是由于解析错误(这是预期的,因为它是一个可怕的,可怕的解决方案),进一步的尝试将失败
答案尝试添加清单文件,在此处阅读更多内容
https://developer.apple.com/library/archive/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html
推荐阅读
- Android Studio无法启动活动性ComponentInfo
- iPhone Webapp启动画面白色空间
- 在Android中动态单击按钮添加微调器
- Twitter Kit RestAPI不支持IPv6( - 拒绝了Apple)
- 当Apple从设置中删除时,如何在Xcode 9 Simulator中访问Twitter()
- 使用twitter4j库的Twitter Android登录错误
- Kotlin范围函数(Android EditText支持* apply *,* let *和* run *但不支持* with *)
- 使用contentResolver将docx转换为Base64会在Android上提供不可读的格式
- Koin如何注入Android活动/ appcompatactivity之外