Phonegap-code als web-app
Denke ich neu über mein phonegap html -, css-und js-code als web-app.
Ich würde gehen durch und entfernen Sie alle mobile nur Funktionen.
Zweck ist es, eine web-app, die bietet einige der mobile-apps-Funktionalität, verwende ich sehr kleine mobile Gerät verfügt über derzeit. Aber ich vermute, dass die Aufrechterhaltung der mit jeder neuen Version von my mobile app-code wird lästig sein.
Jemand von Euch versucht, diese vor ? Irgendwelche Tipps ?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Responsive design Ihre phonegap-code sollte laufen auf fast jedem Gerät. Es ist wichtig zu wissen, was ausgeführt wird (sowohl Gerät und OS), so können Sie entsprechend reagieren. Ich Baue eine
window.deviceInfo
Objekt vorne mit den folgenden Informationen:window.deviceInfo.type
:handheld
,tablet
,desktop
window.deviceInfo.brand
:ios
,android
,microsoft
,webos
,blackberry
window.deviceInfo.mode
:browser
,standalone
,webview
window.deviceInfo.mobile
:true
,false
window.deviceInfo.phonegap
:true
,false
Verwende ich einen einzigen container
<div>
genanntviewport
um meine responsive-container und die Größe je nach Gerät ist es auf.Demo:
Dies ist der code für die Initialisierung, alles einrichten:
Zuerst richtete ich mir
window.deviceInfo
.Dann habe ich die Größe der
viewport
und alles, was, die es braucht. Verwenden Mobile Gerätewindow.innerWidth
undwindow.innerHeight
auf den gesamten Bildschirm.Schließlich, ich benutze
window.device
(Hinweis: dies ist nicht die gleiche wie diedeviceInfo
Objekt ich erzeugen), um zu überprüfen, ob phonegap verfügbar ist und fertig. Anstatt sich auf die wählerischedeviceready
Veranstaltung, ich poll-Objekts, wenn mein code läuft auf einem Gerät, das sollte ausgeführt werden phonegap. Wenn dieinitializePhoneGap()
callback wird aufgerufen, die app ist bereit zum start.Überall in der app, ich wickle phonegap Funktionen in
if( window.deviceInfo.phonegap ) {}
.Wir entwickeln eine iPad-app und im Einsatz als mobile Webseite zu. Wenn PhoneGap-spezifische Aufrufe, die Nutzung einer gemeinsamen Methode namens isRunningOnPhoneGap() (gibt false zurück, wenn der code ausgeführt wird als website) , wir entscheiden, ob Sie berufen sich auf die PhoneGap-Funktion oder die Anzeige der web-Funktion. Dies ist, wie wir entscheiden, wenn die app ausgeführt wird, als eine Webseite oder auf einem mobilen Gerät.
Ja, es wird funktionieren.Ich habe versucht, die Umgekehrt von Ihrer Anforderung.Einschließlich der cordova-js-Datei funktioniert, aber mit einigen Funktionen nicht unterstützt.Aber Sie werden auf jeden Fall die grundlegenden.