Überprüfen ob ein Gerät wirklich “mobil” ist
Ob ein Gerät mobil ist, kann man auf einer Webseite über mehrere Arten überprüfen. Ob das Gerät wirklich portable bzw. mobil ist – sprich bewegt werden kann – ist aber oft noch nicht damit geklärt. Oft werden folgende Verfahren verwendet: Bildschirmbreite abfragen: Eine kleine Bildschirm bedeutet noch nicht, dass das Gerät mobil ist. User Agent: […]
JSONP Beispiel in JQuery und in Vanilla JavaScript
JSONP ist eine der ältesten Möglichkeiten Daten über verschiedene Domaingrenzen hinweg auszutauschen und die Einschränkungen die bei einem AJAX Request hinsichtlich Same-Origin-Policy bestehen würden zu umgehen. Man braucht auf der Serverseite ein Script, dass JSON Daten mit einem Funktionsaufruf umhüllt. Z.B. müsste statt {some-key:’some-value’} callbackname({some-key:’some-value’}) vom Server zurückgegeben werden. Und diese Antwort wird vom Client […]
Cross Domain
Die Same-Origin-Policy (SOP) stellt einen Sicherheitsmechanismus dar, der verhindert, dass www.a.de auf Ressourcen von www.b.de (z.B. über ein Script im Client) zugreifen kann. Grundsätzlich ist das eine gute Sache. Was aber wenn www.a.de und www.b.de mir gehören und ich bewusst einen Austausch herstellen will? In diesem Fall gibt es einige Möglichkeiten, wobei aber die eine […]
Javascript mit Mediaquery im responsive Design verbinden
Mit CSS kann man Eigenschaften mit Mediaqueries abhängig von der Bildschirmgröße ändern – ein wichtiger Bestandteil des responsive Designs. Manchmal will man aber auch bestimmten Javascript Code nur bei einer Bildschirmgröße ausführen. Die Verkettung von Javascript – Codes mit einer Mediaquery kann man über unterschiedliche Techniken erreichen. Zum einen kann man über Javascript oder JQuery […]