Kategorie: jQuery Mobile
-
Javascript ersetzen aller css background-images durch Retina-Bilder
Wenn man vor dem Problem steht, dass dynamisch generierte CSS background-images verwendet werden, um Bilder auf einer Webseite darzustellen und diese dann auch für Retina Displays gut aussehen sollen, kann man folgendes Skript verwenden. Es überprüft zusätzlich mittels eines Ajax Requests, ob die Bilder vorhanden sind/existieren. Voraussetzung ist, dass eine Namenskonvention für nicht-Retina Bilder und…
-
Javascript überprüfen auf Retina-Display Funktion
Um zu überprüfen, ob ein Gerät mit Retina-Display (neues iPhone oder Mac Book) gerade auf der Seite surft, kann man die handliche Funktion verwenden: function isRetinaDisplay() { var dpr = 1; if(window.devicePixelRatio !== undefined) dpr = window.devicePixelRatio; return dpr >= 2; }
-
Google Analytics und jQuery Mobile
Bei der Benutzung von Google Analytics mit jQuery Mobile gibt es ein paar Besonderheiten zu beachten. So wird nicht jede Seite neu geladen bei jQuery Mobile, sondern der Inhalt (per Ajax) in die bestehende Seite eingefügt und die URL angepasst, so dass der Eindruck einer App entsteht. Für die Verwendung von Google Analytics mit jQuery…
-
Mobile Multi Share Implementation mit jQuery Mobile
Mit dem passendem HTML lässt sich so sehr komfortabel ein Share-Alternative aufbauen für mobile Anwendungen um Platz zu sparen (mit jQuery Mobile). Dabei werden die Share Dienste in ein <select> Tag eigetragen und per Javascript einzeln gehandelt. Das Ergebnis sieht auf Android-Phones so aus: