Tipps für Phonegap 3
Ich arbeite gerade mal wieder an einer iOS-App. Dabei nutze ich schon seit einer Ewigkeit das Framework Phonegap. Nach einer gewissen Einarbeitungsphase kann man damit schnell und effizient Apps für iOS, Android und andere Plattformen erstellen. Diese verhalten sich dann auf dem Smartphone oder Tablet wie native Apps. Der aus meiner Sicht größte Vorteil ist aber, dass meine für eine Plattform erstellte App schnell auf andere Plattformen portieren kann. Man muss nicht jedesmal bei 0 beginnen und spart so viel Zeit und dem Kunden viel Geld.
Mit der Umstellung auf Phonegap 3.0 hat sich in der Architektur des Frameworks aber sehr viel getan. Viele Sachen, die früher einfach so funktionierten, laufen nun erst nach weiteren Arbeiten.
Beispiel 1:
Für das Debugging meiner Apps mit XCode habe ich bisher immer
console.log(...);
genutzt. Diese Ausgaben wurden mit Phonegap 3.0 aber nicht mehr in der XCode-Console ausgegeben. Um das wieder einzuschalten muss nun ein Plugin installiert werden. Dies kann man nun über folgenden Befehl nachholen:
phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git
Beispiel 2:
Ich habe in einem Info-Fenster einen Verweis auf eine externe Seite. Wenn man den in der App anklickt, wird der aber nicht im iOS-Browser geöffnet, sondern im gleichen "Fenster" wie die App. Dieses Verhalten ist jedoch meistens nicht erwünscht. Um externe Verweise auch wirklich mit dem Browser zu öffnen, benötigt man das Phonegap-Plugin "InAppBrowser". Dies wird wie folgt installiert:
phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git
Ist das Plugin installiert, kann man externe Links nun mit folgendem Befehl öffnen:
<a href="http://www.coding-rockstar.de" onclick="window.open(this.href, '_system', ''); return false;">www.coding-rockstar.de</a>
Wichtig dabei ist die Angabe "_system" für den target-Parameter!
Weitere Informationen gibt es in der Phonegap-Dokumentation: Phonegap - Add features sowie InAppBrowser