Při vývoji responzivního webu jsem často potřeboval zjistit jak zrovna široké je okno prohlížeče v px, abych mohl odladit všechny možné stavy webové stránky. Proto jsem si nakódoval malého pomocníka: http://www.marshi.cz/files/sirka-okna.php který vám řekne aktuální rozměry okna.

Vypisovat si hodnoty šířky okna můžete i samozřejmě přímo do vývojové verze, zde je návod:

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 <script> 
 $( window ).resize(function() { // při každé změně šířky nebo výšky okna se aktualizuje hodnota
  $( "#rozmery" ).html( "Toto okno má šířku " + $( window ).width() + "px a výšku " + $( window ).height() + "px " );
 });
$( document ).ready(function() { // zápis hodnost při načtení stránky
  $( "#rozmery" ).html( "Toto okno má šířku " + $( window ).width() + "px a výšku " + $( window ).height() + "px " );
 });
 </script>

A do HTML kodu si umístíte div s id „rozmery“, kam si vypíšete dané hodnoty.

 
<div id="rozmery"></div>

Obsahové weby, živící se pouze z prodeje internetové reklamy mají s narůstajícím počtem uživatelů s adblockem problémy,  jelikož z nich nemají žádné peníze. Celý problém má ale více rovin, velké množství reklamy je právě důvod proč vzniká poptávka po skrytí reklamy a zároveň narůstající počet návštěvníků s adblockem vede provozovatele webu aby vydělali více umístěním více reklamy těm lidem co adblock nemají. O tom jak z tohoto zacyklení ven, se v tomto článku nechci pouštět, v podstatě souhlasím s názorem Martina Malýho (doporučuji přečíst než budete číst dál).

V mém řešení skrze javascript rozpoznám, zda-li návštěvník používá adblock, pokud ano, označím si ho skrze cookies a pošlu si do google analytics události informaci o zobrazené pageview  s adblockem. Pokud návštěvník zobrazí více než 5 stránek, zobrazím mu v pravém sloupci následné sdělení:

(Celý příspěvek…)