Jak wyświetlić rozmiar ekranu, gdy konsola Chrome jest otwarta?

Question

Właśnie zaktualizowałem do najnowszej wersji Chrome (49.0.2623.87). Zauważyłem brak jakiejś drobnej cechy.

Jeśli sprawdzałem stronę z otwartą konsolą i zmieniłem rozmiar przeglądarki, w prawym górnym rogu Chrome miał mały wskaźnik określający rozmiar okna przeglądarki. To już minęło. Jak mogę to odzyskać?

Answer 1

znany błąd, już naprawiono: https://bugs.chromium.org/p/chromium/issues/detail?id=582421

Powinien wylądować w M50. Jeśli potrzebujesz go wcześniej, to jest obecnie na Wyspach Kanaryjskich (obok standardowych Chromów) lub możesz użyć kanału deweloperskiego Chrome.

Answer 2

naprawiono błąd w 50 wersji, ale teraz rozwiązanie tymczasowe:

$(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

rozwiązanie tymczasowe:

1 Kliknij prawym przyciskiem myszy na html element Narzędzia dla programistów (elementy)

2- kliknij wewnątrz okno witryny internetowej

Answer 4

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

winSize(); 

Zawsze, gdy chcesz sprawdzić rozmiar okna, uruchom winSize(). Należy zauważyć, że za pomocą klawiszy strzałek w górę/w dół w konsoli można przewijać używane polecenia.