phonegap ipad/iphone, haben eine einzige app auf beiden Geräten

Also ich habe seit phonegap-Entwicklung für eine Weile und haben ein paar apps im app store. Ich haben iphone-und ipad-apps und machen Sie diese vollständig voneinander trennen. Ich wissen können apple-für die Abgabe einer einzigen app, die formatiert werden kann für beide Geräte, meine Frage ist, wie wird das gemacht mit phonegap? Ich weiß, ich kann das Projekt Bearbeiten-Einstellungen und wählen Sie ipad/iphone für das Zielgerät. Aber was mache ich in meinem code, um es zu bekommen, um korrekt zu arbeiten?

Da es html -, I-control-sizing in html (und jquery). Zum Beispiel in meiner iphone-app, die ich haben könnte:

<img src="asdf.jpg" width="480">

Und dann das gleiche ipad-app wäre:

<img src="asdf.jpg" width="1024">

Wäre wirklich Super, wenn ich einfach zwei html-Dateien in meinem Ordner www, sagen, index.html und index-ipad.html und dann haben Sie doch gemeinsame img, css-und js-Ordner. Ist das möglich?

Ich habe die docs auf phonegap ausgiebig und konnte nichts finden. Kann jemand mir ein tutorial dazu? Ich hasse es, wenn mehrere apps im app store für den gleichen Inhalt.

BEARBEITEN PER KOMMENTAR UNTEN

Vielleicht würde ich nicht verwenden, das width-Attribut in html, vielleicht würde ich dies tun:

<img src="asdf_ipad.jpg">

und:

<img src="asdf_iphone.jpg">

wo die zwei Bilder die Größe für die beiden Geräte. In jedem Fall kann ich mit der html/js/css, ich muss nur wissen, wie zu implementieren ist ein "Schalter", so dass das ipad macht unterscheidet sich von der iphone.

Nicht vertraut mit phonegap aber hart codieren screen-Größen ist zu führen, dass Sie eine Wartung Kopfschmerzen in der Zukunft sein, wenn neue Geräte mit unterschiedlichen Auflösungen veröffentlicht werden.
Chris, siehe Kommentar oben. Ich weiß nicht wirklich, was html/js/css, die ich verwende, brauche ich nur eine Möglichkeit für das ipad und das iphone zu gerendert.

InformationsquelleAutor Landon | 2011-12-14

13

Können Sie angeben, welche Datei PhoneGap öffnet sich zunächst. Haben Sie einen Blick auf die Anwendung:didFinishLaunchingWithOptions aus dem AppDelegate.m

Etwas tun, wie dieses zu öffnen, eine andere index-Seite für das iPad:
```
if ([[[UIDevice currentDevice] model] containsString:@"iPad"]) {
    ...
    self.viewController = [[[MainViewController alloc] init] autorelease];
    self.viewController.wwwFolderName = @"www-ipad";
    self.viewController.startPage = @"index.html";
    ...
}
```
- dies ist die beste Lösung. Ich viel lieber tun dies-Schalter auf der c-Seite der Dinge, anstatt die javascript - /css-Seite der Dinge.
- Ich gar nicht implementieren, bis heute, und es hat nicht funktioniert. Ich hatte Probleme mit containsString, so landete ich verwenden hasPrefix: if ([[[UIDevice currentDevice] model] hasPrefix:@"iPad"])
- Ich würde lieben zu tun, die auf Phonegap 2.4.0 (die Methoden von der Antwort, die sind veraltet) gibt Es eine ähnliche Lösung? Danke!
InformationsquelleAutor joshuacronemeyer
1

warum nicht mit CSS media queries zu identifizieren Ihre Ziel-Gerät und aktualisieren Sie die Bilder als angemessen? JqueryMobile zum Beispiel tut dies, um hochauflösende icons auf Retina-Geräten...

Hier ist ein Artikel auf, wie Sie diese anwenden, verschiedene stylesheets für iPhone vs iPad.

Hoffe, das hilft!

InformationsquelleAutor Leon
0

Einer option:
```
<img src="asdf.png" class="asdf"/>

.ipad .asdf {
  width: 1024px;
}
.iphone .asdf {
  width: 480px;
}

$(function() {
  var deviceType = (device.platform=='iPhone' && screen.width==768) ? 'ipad' : 'iphone';
  $('body').addClass(deviceType);
});
```
Hinweis: die deviceType Logik ist ziemlich einfach (z.B. iPad gesperrt hochformat), werden Sie brauchen, um erweitern die Logik zum behandeln von Leitlinien und möglicherweise noch weitere Logik zu erkennen Retina-Geräte und in Zukunft höhere Auflösung iPads.

InformationsquelleAutor Brett Pontarelli
0

Gut, ich habe eine Lösung gefunden, ich verwende nur javascript für die Weiterleitung der Seite auf meine andere html-Seite wie diese:
```
if(screen.width==768)
    window.location='index-ipad.html';
```
Also ich habe nur den code in meine index.html Datei, und dann, natürlich, ich habe eine andere index-ipad.html Datei. Das gibt mir die Freiheit, das zu tun, was ich will und mich nicht einschränken nur kleine style-änderungen. Beachten Sie, dass dies nicht die Arbeit im inneren des jquery onload Zeug $(function() {}); go figure.

Mir wäre es lieber gewesen, dies zu lösen, mit einem "server-side" - Ansatz, also die objective-c-Schicht, diese befindet sich auf. Aber, leider, meine Kenntnisse in objective c sind nicht ganz auf der Höhe. Wenn jemand kann mir die Lösung, ich wäre sehr dankbar!

InformationsquelleAutor Landon

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.