2011-08-29 82 views
0

我有一个HTML5应用程序,并希望将其与Phonegap部署到iOS设备。该应用程序是专为智能手机。为了使用iPad屏幕,我设计了一种新的布局。iPad上的Phonegap:自定义html页面?

我的想法:

两个单独index.html文件为起点应用。

  • index.html智能手机
  • index-ipad.html片剂

我怎样才能让Xcode的或PhoneGap的起始应用程序时加载适当的html页面?

干杯

Johe

+1

我想你可以使用JavaScript重定向基于用户代理。 – ceejayoz

+0

当然,但我宁愿在任何不必要的代码运行之前触发一个解决方案... – j7nn7k

+0

那么,现在这个工程:http://css-tricks.com/snippets/javascript/redirect-mobile-devices/ – j7nn7k

回答

2

我会使用一个HTML文件与CSS3媒体查询做不同的布局

+0

Thx给大家。 CSS媒体查询完成了诀窍。 – j7nn7k

1

我将开始在Java中。根据屏幕大小,它会调用index.htmlindex-ipad.html。但是,如果您使用适当的CSS使用Phonegap,则应该可以使用两个index.html。 Phonegap和CSS将完成这项工作。

+1

JavaScript和Java是完全不同的东西。 – ceejayoz

1

虽然我同意user899641的建议,设备抽象应该发生在PG/CSS级别,但修改本地PG库以完成您的要求是相当简单的。在iOS的情况下,PhoneGapDelegate.m包含一个名为startPage的函数,如函数所示,返回静态字符串index.html。您可以修改此功能以应用其他逻辑并相应地返回不同的起始页面。