Come posso visualizzare le dimensioni dello schermo quando la console di Chrome è aperta?

Question

Ho appena aggiornato alla versione più recente di Chrome (49.0.2623.87). Sto notando una leggera mancanza di funzionalità.

Se stavo ispezionando una pagina con la console aperta e ho ridimensionato il browser, nell'angolo in alto a destra Chrome aveva un piccolo indicatore di ciò che era la dimensione del viewport del browser. Ora è finito. Come posso riaverlo?

Answer 1

bug noto, già fissato: https://bugs.chromium.org/p/chromium/issues/detail?id=582421

Dovrebbe atterrare in M50. Se ne hai bisogno prima, è attualmente in Canary (side-by-side con Chromes standard) oppure puoi utilizzare il canale Dev di Chrome.

Answer 2

bug risolto in 50 versioni, ma una soluzione temporanea ora:

$(document).ready(function() { 
    showSize = ShowSize($(window).width(), $(window).height()); 
    $(window).resize(function() { 
     showSize($(window).width(), $(window).height()); 
    }); 
}); 
function ShowSize(winW, winH){ 
    var scrollBarWidth = winH < $(document).find('body') ? 17 : 0; 
    $('body') 
     .find(".size-window") 
     .remove() 
     .end() 
     .append('<div class="size-window">'+(winW + scrollBarWidth) +' x '+winH+'</div>') 
     .find(".size-window") 
     .css({ 
      position: 'fixed', 
      right: '10px', 
      top: '10px', 
      color: '#fff', 
      background: 'rgba(0,0,0,0.5)', 
      padding: '5px' 
     }); 
    return function(winW, winH){ 
     scrollBarWidth = winH < $(document).find('body') ? 17 : 0; 
     $('body').find(".size-window").text(winW+ scrollBarWidth +' x '+winH); 
    } 
} 

Answer 3

soluzione temporanea:

1- Fare clic destro su html elemento nei tool di sviluppo (elementi)

2- Fare clic all'interno finestra del sito

Answer 4

function winSize() { 
    console.log(` 
Inner Width: ${this.innerWidth} 
Inner Height: ${this.innerHeight} 
Outer Width: ${this.outerWidth} 
Outer Height: ${this.outerHeight} 
`);} 

winSize(); 

Ogni volta che si desidera controllare le dimensioni della finestra, eseguire winSize(). Si noti che è possibile utilizzare i tasti freccia su/giù nella console per scorrere i comandi utilizzati.