3
我們有一個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