Desktopwidth am Smartphone auslesen

Hier könnt ihr alle Fragen zu SpiderBasic austauschen.
stevie1401
Beiträge: 659
Registriert: 19.10.2014 15:51
Kontaktdaten:

Re: Desktopwidth am Smartphone auslesen

Beitrag von stevie1401 »

Na, dann ein neuer Versuch:
Wie kann ich es erreichen, dass ich bei einem Smartphone die echte Auflösung in Browser nutzen kann?

ccode_new, das Beispiel aus deinem Link funktioniert nicht bei meinem Smartphone.

Vielleicht ein Mißverständnis?
Ich programmiere keine App fürs Smartphone, ich programmiere eine stinknormale HTML Seite die auch von Smartphones gelesen wird.
Ich programmiere nur noch mit Linux.
Linux Mint 21.x
ccode_new
Beiträge: 1214
Registriert: 27.11.2016 18:13
Wohnort: Erzgebirge

Re: Desktopwidth am Smartphone auslesen

Beitrag von ccode_new »

Code: Alles auswählen

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

!v_width = screen.width * window.devicePixelRatio;
!v_height = screen.height * window.devicePixelRatio;
  
;!document.body.style.zoom = 1 / window.devicePixelRatio * 100 + "%"

!alert("Deine Bildschirmbreite: " + v_width);
!alert("Deine Bildschirmhöhe: " + v_height);
Bitte -> Danke!
Betriebssysteme: div. Windows, Linux, Unix - Systeme

no Keyboard, press any key
no mouse, you need a cat
stevie1401
Beiträge: 659
Registriert: 19.10.2014 15:51
Kontaktdaten:

Re: Desktopwidth am Smartphone auslesen

Beitrag von stevie1401 »

Ah! So langsam bekomme ich es hin!

Ich brauche eben etwas länger, um Dinge zu verstehen.
Vielen lieben Dank, ccode_new ! :)
Ich programmiere nur noch mit Linux.
Linux Mint 21.x
ccode_new
Beiträge: 1214
Registriert: 27.11.2016 18:13
Wohnort: Erzgebirge

Re: Desktopwidth am Smartphone auslesen

Beitrag von ccode_new »

Außerdem könnten die Dokumenthöhen/breiten beim Scrollen wichtig sein und die Auflösung ohne obere Statusleiste.

https://javascript.info/size-and-scroll-window

window.screen.availWidth / window.screen.availHeight
(ohne Statusleiste)
Betriebssysteme: div. Windows, Linux, Unix - Systeme

no Keyboard, press any key
no mouse, you need a cat
stevie1401
Beiträge: 659
Registriert: 19.10.2014 15:51
Kontaktdaten:

Re: Desktopwidth am Smartphone auslesen

Beitrag von stevie1401 »

window.screen.availWidth / window.screen.availHeight geben leider falsche Informationen.
Ebenso document.documentElement.clientWidth / height

Code: Alles auswählen

 
  !v_width=document.body.clientWidth;
  Debug width
  !v_height=document.body.clientHeight;
  Debug height
  
funktioniert.


Um ein Vollbild (ohne Balken zu erreichen, benutze ich diese Procedure:

Code: Alles auswählen



Procedure Fullscreen()
  !function _RequestFullScreen() {
  ;!var elem = document.getElementById("SpiderBody");
  !var elem = document.documentElement;
  !if (elem.requestFullscreen) {
  !    elem.requestFullscreen();
  !} else if (elem.requestFullScreen) {
  !    elem.requestFullScreen();
  !} else if (elem.msRequestFullscreen) {
  !    elem.msRequestFullscreen();
  !} else if (elem.msRequestFullScreen) {
  !    elem.msRequestFullScreen();
  !} else if (elem.mozRequestFullScreen) {
  !    elem.mozRequestFullScreen();
  !} else if (elem.mozRequestFullscreen) {
  !    elem.mozRequestFullscreen();
  !} else if (elem.webkitRequestFullscreen) {
  !    elem.webkitRequestFullscreen();
  !} else if (elem.webkitRequestFullScreen) {
  !    elem.webkitRequestFullScreen();
  !} else if (elem.oRequestFullscreen) {
  !    elem.oRequestFullscreen();
  !} else if (elem.oRequestFullScreen) {
  !    elem.oRequestFullScreen();
  !}
  !}
  !_RequestFullScreen();
EndProcedure



Das funktioniert auf Tablets und auf Smartphones und Chrome mit Android 7
Bei Android 9 und Chrome bleibt unten die Menüleiste stehen.
Gibt es dafür schon andere, funktionierende Tips?
Ich programmiere nur noch mit Linux.
Linux Mint 21.x
Antworten