Screensize anzeigen
bearbeitet von ursus contionabundo> Korrektur: Der Vorschlag von ursus contionabundo funktioniert doch. Allerdings verschwindet das Ergebnis bei schmalem Screen.
Scheinbar brauchst Du was feuerfestes. Das hier zeigt die Höhe des Documentfensters auch mit ziemlich alten und merkwürdigen Browsern. Lokal speichern und öffnen.
~~~html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Höhe, Breite des Browserfensters</title>
<script>
function showsize() {
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
document.getElementById("hoehe").innerHTML = height + " px";
document.getElementById("breite").innerHTML = width + " px";
}
</script>
</head>
<body onresize="showsize();" onload="showsize();">
<table>
<tr>
<th style="background-color:#ccccff; text-align:left;">Höhe:</th>
<td style="background-color:#ccccff" id="hoehe">---</td>
</tr>
<tr>
<th style="background-color:#ccccff; text-align:left;">Breite:</th>
<td style="background-color:#ccccff" id="breite">---</td>
</tr>
</table>
</body>
</html>
~~~
Allerdings bin ich mir [immer noch](https://forum.selfhtml.org/self/2018/nov/24/screensize-anzeigen/1737031#m1737031) nicht sicher, [ob Du nicht doch was ganz anderes willst](https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window).
Screensize anzeigen
bearbeitet von ursus contionabundo> Korrektur: Der Vorschlag von ursus contionabundo funktioniert doch. Allerdings verschwindet das Ergebnis bei schmalem Screen.
Scheinbar brauchst Du was feuerfestes. Das hier zeigt die Höhe des Documentfensters auch mit ziemlich alten und merkwürdigen Browsern. Lokal speichern und öffnen.
~~~html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Höhe, Breite des Browserfensters</title>
<script>
function showsize() {
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
document.getElementById("hoehe").innerHTML = height + " px";
document.getElementById("breite").innerHTML = width + " px";
}
</script>
</head>
<body onresize="showsize();" onload="showsize();">
<table>
<tr>
<th style="background-color:#ccccff; text-align:left;">Höhe:</th>
<td style="background-color:#ccccff" id="hoehe">---</td>
</tr>
<tr>
<th style="background-color:#ccccff; text-align:left;">Breite:</th>
<td style="background-color:#ccccff" id="breite">---</td>
</tr>
</table>
</body>
</html>
~~~
Allerdings bin ich mir immer noch nicht sicher, [ob Du nicht doch was ganz anderes willst](https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window).
Screensize anzeigen
bearbeitet von ursus contionabundo> Korrektur: Der Vorschlag von ursus contionabundo funktioniert doch. Allerdings verschwindet das Ergebnis bei schmalem Screen.
Scheinbar brauchst Du was feuerfestes. Das hier zeigt die Höhe des Documentfensters auch mit ziemlich alten und merkwürdigen Browsern. Lokal speichern und öffnen.
~~~html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Höhe, Breite des Browserfensters</title>
<script>
function showsize() {
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
document.getElementById("hoehe").innerHTML = height + " px";
document.getElementById("breite").innerHTML = width + " px";
}
</script>
</head>
<body onresize="showsize();" onload="showsize();">
<table>
<tr>
<th style="background-color:#ccccff; text-align:left;">Höhe:</th>
<td style="background-color:#ccccff" id="hoehe">---</td>
</tr>
<tr>
<th style="background-color:#ccccff; text-align:left;">Breite:</th>
<td style="background-color:#ccccff" id="breite">---</td>
</tr>
</table>
</body>
</html>
~~~
Screensize anzeigen
bearbeitet von ursus contionabundo> Korrektur: Der Vorschlag von ursus contionabundo funktioniert doch. Allerdings verschwindet das Ergebnis bei schmalem Screen.
Scheinbar brauchst Du was feuerfestes. Das hier zeigt die Höhe des Documentfensters auch mit ziemlich alten und merkwürdigen Browsern. Lokal speichern und öffnen.
~~~html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Höhe, Breite des Browserfensters</title>
<script>
function showsize() {
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
document.getElementById("hoehe").innerHTML = height + " px";
document.getElementById("breite").innerHTML = width + " px";
}
</script>
</head>
<body onresize="showsize();" onload="showsize();">
<table border=1>
<tr>
<th>Höhe:</th>
<td id="hoehe">---</td>
</tr>
<tr>
<th>Breite:</th>
<td id="breite">---</td>
</tr>
</table>
</body>
</html>
~~~
Screensize anzeigen
bearbeitet von ursus contionabundo> Korrektur: Der Vorschlag von ursus contionabundo funktioniert doch. Allerdings verschwindet das Ergebnis bei schmalem Screen.
Scheinbar brauchst Du was feuerfestes. Das hier zeigt die Höhe des Documentfensters auch mit ziemlich alten und merkwürdigen Browsern. Lokal speichern und öffnen.
~~~html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Höhe, Breite des Browserfensters</title>
<script>
function showsize() {
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
document.getElementById("hoehe").innerHTML = width + " px";
document.getElementById("breite").innerHTML = height + " px";
}
</script>
</head>
<body onresize="showsize();" onload="showsize();">
<table border=1>
<tr>
<th>Höhe:</th>
<td id="hoehe">---</td>
</tr>
<tr>
<th>Breite:</th>
<td id="breite">---</td>
</tr>
</table>
</body>
</html>
~~~