Desktopwidth am Smartphone auslesen

stevie1401 · **Registriert:** 19.10.2014 15:51

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.

ccode_new · **Registriert:** 27.11.2016 18:13 **Wohnort:** Erzgebirge

Code:

;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!

stevie1401 · **Registriert:** 19.10.2014 15:51

Ah! So langsam bekomme ich es hin!

Ich brauche eben etwas länger, um Dinge zu verstehen.
Vielen lieben Dank, ccode_new !

ccode_new · **Registriert:** 27.11.2016 18:13 **Wohnort:** Erzgebirge

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)

stevie1401 · **Registriert:** 19.10.2014 15:51

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

Code:

 
  !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:

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?

PureBoard

Desktopwidth am Smartphone auslesen

Wer ist online?