Aktuelle Zeit: 26.09.2020 02:20

Alle Zeiten sind UTC + 1 Stunde [ Sommerzeit ]




Ein neues Thema erstellen Auf das Thema antworten  [ 15 Beiträge ]  Gehe zu Seite 1, 2  Nächste
Autor Nachricht
 Betreff des Beitrags: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 09:44 
Offline

Registriert: 19.10.2014 15:51
Ich habe ein Motorota Moto g8 Plus mit einer Auflösung von 1080 x 2280.
Gehe ich auf meine Spider-Homepage sagt
DesktopWidth(0)=659 und Desktophight(0)=70 im Querformat
und im Hochformat DesktopWidth(0)=346 und Desktophight(0)=369.
Getestet mit Chrome.
Firefox bringt andere, aber genauso falsche Werte.
Anscheinend funktionieren die Befehle Desktopwidth() und Desktophheight() mit einem Smartphonebrowser nicht.
Kann ich die Auflösung anders und vor allen Dingen zuverlässiger abfragen?

_________________
Ich programmiere plattformunabhängig und suche immer Lösungen für alle Plattformen.
Win 7/10, Linux Mint Cindy 3 (Debian), Mint 18.3 / 19.1


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 11:00 
Offline

Registriert: 27.11.2016 18:13
Wohnort: Erzgebirge
Hallo stevie1401,

es gibt hierbei einige Dinge zu beachten.

1. Die DesktopWidth/DesktopHeight sind nicht die echten Screengrößen.
2. Es gibt mehrere weitere Faktoren: DPR und DPI
3. Teste das hier mal:
https://forums.spiderbasic.com/viewtopic.php?f=13&t=1288

4. Pixelgenau zu arbeiten ist hier knifflig.
Nehme am besten die gegebenen Werte als 100% und berechne die anfallenden Skalierungen entsprechend.

_________________
Betriebssysteme: MX Linux 19 / Windows 10 / Mac OS 10.15.2 / Android 7.0 ;)


Zuletzt geändert von ccode_new am 13.12.2019 17:43, insgesamt 3-mal geändert.

Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 11:01 
Offline
Benutzeravatar

Registriert: 20.04.2006 09:50
Die Mobile Browser rendern erst in einer virtueller Größe und skalieren dann auf die Größe des Screens des Geräts. Man kann das mit einem HTML Meta Tag umgehen:
Code:
<meta name="viewport" content="width=device-width, initial-scale=1">

Ob und wie das mit Spiderbasic geht weiß ich allerdings nicht.

_________________
my pb stuff..
Bild..jedenfalls war das mal so.


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 11:07 
Offline
Benutzeravatar

Registriert: 20.04.2006 09:50
Kann es vielleicht auch zusätzlich noch sein, das DesktopWidth() etc. nur die client area zurückgeben, also ohne Browser toolbar u.d.g.?

_________________
my pb stuff..
Bild..jedenfalls war das mal so.


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 11:13 
Offline
Benutzeravatar

Registriert: 08.09.2004 08:53
Du kannst das nachträglich im DOM hinzufügen:

Code:
! $('head').prepend('<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />');


Besser geht's mit Peters HtmlPreprocessor for SpiderBasic. Dann wird das schon beim laden der Seite berücksichtigt.

https://forums.spiderbasic.com/viewtopic.php?f=9&t=1543

_________________
"Papa, mein Wecker funktioniert nicht! Der weckert immer zu früh."


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 11:26 
Offline

Registriert: 27.11.2016 18:13
Wohnort: Erzgebirge
#NULL hat geschrieben:
Kann es vielleicht auch zusätzlich noch sein, das DesktopWidth() etc. nur die client area zurückgeben, also ohne Browser toolbar u.d.g.?


Ja

_________________
Betriebssysteme: MX Linux 19 / Windows 10 / Mac OS 10.15.2 / Android 7.0 ;)


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 11:55 
Offline

Registriert: 19.10.2014 15:51
Den HtmlPreprocessor verstehe ich nicht einmal ansatzweise, funktioniert bei mir auch nicht.
Wenn ich es richtig verstanden habe gibt es keinen Befehl, der die richtige Auflösung darstellen kann. Was der HtmlPreprocessor macht, weiss ich leider nicht.
Gibt es vielleicht ein einfaches Beispiel, was ein Nicht-Informatiker verstehen kann?


Wo genau muss ich im Spiderbasiceditor
Zitat:
<meta name="viewport" content="width=device-width, initial-scale=1">

eingeben?

_________________
Ich programmiere plattformunabhängig und suche immer Lösungen für alle Plattformen.
Win 7/10, Linux Mint Cindy 3 (Debian), Mint 18.3 / 19.1


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 12:02 
Offline

Registriert: 27.11.2016 18:13
Wohnort: Erzgebirge
Schaue dir mal den Link in meinem Beitrag genauer an.

Zitat:
;No Zoom
!$('head').append('<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=0">');

_________________
Betriebssysteme: MX Linux 19 / Windows 10 / Mac OS 10.15.2 / Android 7.0 ;)


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 14:27 
Offline

Registriert: 19.10.2014 15:51
Ah - der Link ging vorhin nicht. Jetzt ging er.
Leider bringt weder
Code:
!$('head').append('<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=0">');

noch
Code:
! $('head').prepend('<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />');

irgendeine Veränderung.

_________________
Ich programmiere plattformunabhängig und suche immer Lösungen für alle Plattformen.
Win 7/10, Linux Mint Cindy 3 (Debian), Mint 18.3 / 19.1


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Desktopwidth am Smartphone auslesen
BeitragVerfasst: 13.12.2019 15:16 
Offline

Registriert: 27.11.2016 18:13
Wohnort: Erzgebirge
Zitat:
To get the native resolution of i.e. a mobile device you have to multiply with the device pixel ratio: window.screen.width * window.devicePixelRatio and window.screen.height * window.devicePixelRatio. This will also work on desktops, which will have a ratio of 1.

_________________
Betriebssysteme: MX Linux 19 / Windows 10 / Mac OS 10.15.2 / Android 7.0 ;)


Nach oben
 Profil  
Mit Zitat antworten  
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Ein neues Thema erstellen Auf das Thema antworten  [ 15 Beiträge ]  Gehe zu Seite 1, 2  Nächste

Alle Zeiten sind UTC + 1 Stunde [ Sommerzeit ]


Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste


Sie dürfen keine neuen Themen in diesem Forum erstellen.
Sie dürfen keine Antworten zu Themen in diesem Forum erstellen.
Sie dürfen Ihre Beiträge in diesem Forum nicht ändern.
Sie dürfen Ihre Beiträge in diesem Forum nicht löschen.

Suche nach:
Gehe zu:  

 


Powered by phpBB © 2008 phpBB Group | Deutsche Übersetzung durch phpBB.de
subSilver+ theme by Canver Software, sponsor Sanal Modifiye