Antwort an „Gunnar Bittersmann“ verfassen

SELF-Forum

Viewport-Emulator im Firefox

Gunnar Bittersmann E-Mail-Adresse des Autors Homepage des Autors (Versionen)

@@Gunnar Bittersmann

    // Event-Handler (beim Ändern der Fenstergroesse Viewport-Daten in DIV-Element-Textknoten schreiben)       
    $(window).bind('resize', function () 
     {
      $('#js-viewport-anzeiger').text('Viewport: ' + 'Breite: ' + $(window).width() + ' / Höhe: ' + $(window).height() + ' Pixel') 
     }).trigger('resize');
      
   });

wäre

    window.addEventListener('resize', resizeHandler);

    function resizeHandler() {
      document.querySelector('#js-viewport-anzeiger').textContent
        = 'Viewport: ' + 'Breite: ' + window.innerWidth + ' / Höhe: ' + window.innerHeight + ' Pixel';
    }

    resizeHandler();

Eigentlich wäre es wohl

    window.addEventListener('resize', function () {
      document.querySelector('#js-viewport-anzeiger').textContent
        = 'Viewport: ' + 'Breite: ' + window.innerWidth + ' / Höhe: ' + window.innerHeight + ' Pixel';

    });

    window.dispatchEvent(new Event('resize'));

Ich würde das aber auf die erstgenannte Weise machen – natürlich mit den im Vorposting genannten Verbesserungen.

Geht aber auch auf die zweite Art: Codepen

🖖 Live long and prosper

--
“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”
— Bruce Springsteen, Manchester 2025-05-14
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen