Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/jenkins/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
iPad主屏幕Web应用程序故障_Ipad_Html_Jquery Mobile - Fatal编程技术网

iPad主屏幕Web应用程序故障

iPad主屏幕Web应用程序故障,ipad,html,jquery-mobile,Ipad,Html,Jquery Mobile,我们有一个ipad网络应用程序,需要它能获得的所有屏幕空间。计划是在应用完成后使用“添加到主屏幕”功能。然而,在通过主屏幕启动应用程序时,我们遇到了一个重大问题。当使用HTML5 doctype时,页面似乎只是呈现为纯文本(没有加载任何样式表或javascript文件)。相反,使用XHTML1.0过渡Doctype会使页面正确呈现,但我们使用的是jQueryMobile,它需要HTML5doctype才能工作 我尝试过简单地使用“全屏”元标记之类的,但它们似乎也不起作用。这是标题代码的当前状态:

我们有一个ipad网络应用程序,需要它能获得的所有屏幕空间。计划是在应用完成后使用“添加到主屏幕”功能。然而,在通过主屏幕启动应用程序时,我们遇到了一个重大问题。当使用HTML5 doctype时,页面似乎只是呈现为纯文本(没有加载任何样式表或javascript文件)。相反,使用XHTML1.0过渡Doctype会使页面正确呈现,但我们使用的是jQueryMobile,它需要HTML5doctype才能工作

我尝试过简单地使用“全屏”元标记之类的,但它们似乎也不起作用。这是标题代码的当前状态:

<!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从主屏幕启动时似乎使用了web.app而不是safarimobile.app。我想知道这是否至少是问题的一部分。另一个想法是,ipad在从主屏幕启动时试图使用本地缓存,而在加载样式表和javascript时,它不喜欢相对路径或外部URL


有趣的事实:当我们第一次从主屏幕打开页面时,在页面中使用这两种doctype将导致正确的呈现,但是进一步的尝试将由于解析错误而失败(这是预期的,因为这是一个非常糟糕的解决方案)

尝试添加清单文件,请在此处阅读更多信息


我的网站使用HTML5“doctype”并安装到主屏幕上。您是否尝试过删除
runat
属性?这是代码示例中一个明显的非标准内容;否则,我看不到问题的明确原因。
runat
属性是ASP.NET的一部分,当代码在浏览器中实际呈现时,它不会显示出来。感谢您的澄清。无论如何,我会考虑doctype之外的其他原因,因为这不是核心问题。谢谢你的建议。我会继续尝试各种方法,希望能找到问题的根源。如果我是你,我会做一个概念验证——用html5 doctype和一点点内容做一个最简单的页面,看看它是否有效,什么时候停止,谢谢你的建议。不幸的是,我不知道这是否能解决任何问题,因为自从我提出这个问题以来,项目已经推进了,这个问题不再有效。