Bugreport » V6 und Mobil unterscheiden

24.03.2024 10:21

Mike48
#1 V6 und Mobil unterscheiden

Wie kann man in einem Plugin unterscheiden ob die Seite im V6 auf einem Handy oder PC/Tablet läuft?
Alleine mit den Breakpoints funktioiert es ja nicht da man auf PC/Tablet das Fenster verkleinern kann. Da käme dann als Ergebnis Handy raus wenn man das Fenster auf die entsprechende Größe verkleinert.

Es geht darum, dass ich eine Grafik mit Drag&Drop verschiebe und die Position dann gespeichert wird. Das macht natürlich einen Unterschied ob man das auf dem Handy oder PC/Tablet macht. Das würde ich gerne separat für Handy und PC/Tablett speichern.

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#2

24.03.2024 11:53

l2otbart_57
#2 RE: V6 und Mobil unterscheiden

l2

l2otbart_57

ich würde die Daten auf dem Gerät (localStorage) speichern.

... würde es �Fussball spielen� heissen

vG Bernd‍

Antworten

Beitrag melden

#3

24.03.2024 12:32

Ingmar
#3 RE: V6 und Mobil unterscheiden

Ingmar

Allgemein solltest du eher nach bestimmten "Features" prüfen, als nach dem "Endgerät" zu schauen.

z.B. So was:

1
2
3
4
5
6
7
8
9
10
11
 

 
function isTouchDevice() {
  return (('ontouchstart' in window) ||
     (navigator.maxTouchPoints > 0) ||
     (navigator.msMaxTouchPoints > 0));
}
 
if(isTouchDevice){ /* Code für Geräte mit tocuhscreen */}
else{/* Code für Geräte ohne touch */}
 
 

Aber um deine Frage zu beantworten: Beim Aufruf mit einem mobilen Endgerät hat der body die Klasse mobileview

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#4

24.03.2024 18:48 (zuletzt bearbeitet: 24.03.2024 18:49)

Mike48
#4 RE: V6 und Mobil unterscheiden

Mike48

isTouchDevice bringt wahrscheinlich aber auch Tablet als mobiles Gerät.

Ich habe noch ein Schnipsel mit screen gefunen und funktioniert auch.

1
2
3
4
5
 
if ((screen.width < 480) || (screen.height < 480)) { 
  // Handy
}else{
  // kein Handy
}
 

Neuere Handy haben mitlerweile aber auch 4K und HD als Display.
Da wird das Script wahrscheinlich auch nicht mehr das richtige liefern.

Mal schauen wie sicher die Klasse mobileview ein Handy identifiziert.

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden