우리는 얻을 수있는 모든 화면 공간이 필요한 ipad 웹 앱을 가지고 있습니다. 계획은 앱이 완료되면 "홈 화면에 추가"기능을 사용하는 것입니다. 그러나 홈 스크린을 통해 앱을 실행할 때 중요한 문제가 발생했습니다. HTML5 doctype을 사용할 때 페이지는 단순한 텍스트로 렌더링되는 것 같습니다 (스타일 시트 또는 자바 스크립트 파일이로드되지 않음). 대신 XHTML 1.0 Transitional Doctype을 사용하면 페이지가 올바르게 렌더링되지만 HTML5 Doctype이 작동해야하는 jQuery Mobile을 사용하고 있습니다.iPad 홈 스크린 웹 앱 오류
나는 '전체 화면'메타 태그 등을 사용하려고 시도했으나 작동하지 않는 것으로 보입니다. 이것은 우리의 헤더 코드의 현재 상태입니다 : 그것은 홈 화면에서 시작할 때 아이 패드가 safarimobile.app 대신 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="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가 홈 화면에서 시작할 때 로컬 캐시를 사용하려고 시도하고 스타일 시트와 자바 스크립트를로드 할 때 상대 경로 나 외부 URL을 선호하지 않는다는 것입니다.
재미있는 사실 : 페이지에서 Doctypes를 모두 사용하면 처음으로 홈 화면에서 페이지를 열 때 올바른 렌더링이 발생하지만 구문 분석 오류로 인해 추가 시도가 실패합니다 (예상치 못한 결과이므로, 끔찍한 솔루션)을 mainfest 파일을 추가 할 수
내 웹 사이트는 HTML5 "DOCTYPE"를 사용하고 잘 홈 화면에 설치 자세한 내용은 여기를 참조하십시오. 'runat' 속성 제거를 시도 했습니까? 이것이 코드 샘플에서 비표준 일입니다. 그렇지 않으면 문제의 명확한 원인을 알 수 없습니다. –
'runat' 속성은 ASP.NET의 일부이며 브라우저에서 실제로 코드가 렌더링 될 때 나타나지 않습니다. – thedaian
설명해 주셔서 감사합니다. 여하튼, 핵심 문제가 아니기 때문에 나는 doctype 너머의 다른 원인을 살펴볼 것이다. –