Display-Breite von Geräten anzeigen
Verfasst: Fr 17. Dez 2021, 05:48
Es kann manchmal sehr nützlich sein, sich eine kleine Testseite zu basteln, die die Display-Breite von Geräten darstellt.
Ich habe auf dieser Testseite ein JavaScript eingebaut, das die Display-Breite (
https://www.mobirise-tutorials.com/Test ... content7-y
So kann man z.B. auch am Smartphone mal die Breite für @media Anweisungen kontrollieren oder ermitteln.
Dafür habe ich dieses JavaScript in den Seiteneinstellungen in den Bereich "End of <body> code:" eingebaut:
... und dann über dieses <span> Tag </span> innerhalb eines Absatzes <p> Tags </p> die Breite über die id="xx" angezeigt:
<span id="xx"></span>
Beispiel:
Ich habe auf dieser Testseite ein JavaScript eingebaut, das die Display-Breite (
Seitenbreite) anzeigt, unter dem Header-Block:
https://www.mobirise-tutorials.com/Test ... content7-y
So kann man z.B. auch am Smartphone mal die Breite für @media Anweisungen kontrollieren oder ermitteln.
Dafür habe ich dieses JavaScript in den Seiteneinstellungen in den Bereich "End of <body> code:" eingebaut:
Code: Alles auswählen
<script>
document.getElementById("xx").innerHTML = window.innerWidth + " Pixel";
window.addEventListener("resize", function () {
document.getElementById("xx").innerHTML = window.innerWidth + " Pixel";
});
</script>... und dann über dieses <span> Tag </span> innerhalb eines Absatzes <p> Tags </p> die Breite über die id="xx" angezeigt:
<span id="xx"></span>
Beispiel:
Code: Alles auswählen
<p class="mbr-text mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".mbr-text">Deine Display-Größe: <span id="xx"></span></p>