iPad主屏幕Web应用程序故障

问题描述：

我们有一个ipad web应用程序，需要所有可以获得的屏幕房地产。该计划是在应用程序完成后使用“添加到主屏幕”功能。但是，通过主屏幕启动应用程序时，我们遇到了一个主要问题。当使用HTML5文档类型时，页面似乎只能以纯文本的形式呈现（没有加载样式表或JavaScript文件）。相反，使用XHTML 1.0 Transitional Doctype会使页面正确呈现，但我们使用的是jQuery Mobile，它需要HTML5 Doctype才能正常工作。iPad主屏幕Web应用程序故障

我试图简单地使用'全屏'meta标签等，但他们似乎也没有工作。这是我们的头码的当前状态：

<!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="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="/Vertex.Web/Content/style/tablet/tablet.css" type="text/css" media="all" />

从研究，我已经做了，这听起来像iPad使用safarimobile.app的web.app，而不是当它从主屏幕启动。我想知道这是否至少是问题的一部分。另外一个想法是，iPad在尝试从主屏幕启动时使用本地缓存，并且在加载样式表和JavaScript时仅仅不喜欢相对路径或外部URL。有趣的事实：在页面中首次使用Doctypes会导致正确的渲染，但是由于解析错误（这是预期的，因为它是一个可怕的，可怕的解决方案）

我的网站使用HTML5“DOCTYPE”，并安装到主屏幕就好了。你有没有尝试删除'runat'属性？这是你的代码示例中的一个明显的非标准事物;否则我不会看到问题的明确原因。 – 2011-04-06 02:56:43

'runat'属性是ASP.NET的一部分，当代码实际在浏览器中呈现时，它不会显示出来。 – thedaian 2011-04-06 13:40:39

感谢您的澄清。无论如何，我会考虑文档类型之外的其他原因，因为这不是核心问题。 – 2011-04-06 23:22:41

答

尝试添加mainfest文件，在这里阅读更多

http://developer.apple.com/library/safari/#documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html

感谢您的建议。不幸的是，我不知道这是否能解决问题，不管问题是否存在，因为自从我问这个问题以来，项目已经进展了，问题不再有效。 – thedaian 2011-10-25 22:08:15

iPad主屏幕Web应用程序故障

相关推荐